Как очистить поля формы и распечатать сообщение об успешном завершении после отправки ajax-формы

Я использую для формы submit. Я хотел бы знать, как я могу очистить поля формы и распечатать успешное сообщение после отправки формы.

Я использовал var options = (clearForm: true}

но это не сработало

Мой код: –

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> <script src="http://malsup.github.com/jquery.form.js"></script> <script> // wait for the DOM to be loaded $(document).ready(function() { // bind 'myForm' and provide a simple callback function $('#myForm').ajaxForm(function() { //alert("Thank you for your comment!"); }); }); </script> </head> <body> <form id="myForm" name="myForm" action="comment.php" method="post" enctype="multipart/form-data"> <input type="text" name="name" /> <br /> <textarea name="comment"></textarea> <br /> <input type="file" value="Share a Pic" name="file" id="file" /> <br /> <input type="submit" value="Submit Comment" /> </form> </body> 

Просто гадать, но не будет ли native form.reset() делать это?

 $(document).ready(function() { $('#myForm').ajaxForm(function() { this.reset(); alert('success'); }); }); 

Для этого вы можете использовать resetForm . Вот документы http://malsup.com/jquery/form/#options-object

или cna использовать функции, такие как resetForm и clearForm документы на http://malsup.com/jquery/form/#api

Или попробуйте просто:

 $(document).ready(function() { $('#myForm').ajaxForm(function() { success:function(){ $('#myForm').reset(); } }); }); 

Попробуйте использовать clearForm(); также resetForm(); ,

Официальный документ : http://malsup.com/jquery/form/#api

 <script type="text/javascript"> $(document).ready(function() { // bind 'myForm' and provide a simple callback function $('#myForm').ajaxForm(function() { //alert("Thank you for your comment!"); $(this).clearForm(); }); }); </script> 

Должно быть :

  $(document).ready(function() { $("#myForm").submit(function(){ $("input[type='text']").val(''); $("input[type='textarea']").val(''); alert('Message'); }); }); 

Он работал со следующим кодом:

 <script type="text/javascript"> $(document).ready(function() { var options = { clearForm: true, resetForm: true }; // bind 'myForm' and provide a simple callback function $('#myForm').ajaxForm(function() { //alert("Thank you for your comment!"); }); $('#myForm').ajaxForm(options); }); </script> 

Спасибо за помощь