Я использую для формы 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>
Спасибо за помощь