如何在提交ajax表單後清除表單域並打印成功消息

我正在使用表單提交。我想知道如何在表單提交後清除表單域並打印成功消息。如何在提交ajax表單後清除表單域並打印成功消息

我用 VAR選項=（ clearForm：真 }

，但它沒有工作

我的代碼： -

 <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>

來源

2013-02-26 Stacy J

你也可以使用form.reset（）來清除表單域 – 2013-02-26 09:53:15

它曾與下面的代碼： -

<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>

感謝您的幫助

來源

2013-02-26 10:34:19

只是猜測，但would'nt的原生form.reset()那麼做？

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

來源

2013-02-26 09:53:34 adeneo

+1我喜歡本地方法，當它不需要任何插件時 – 2013-02-26 10:04:33

嘗試使用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>

來源

2013-02-26 09:56:00

非工作方式 – 2013-02-26 10:13:30

應該是：

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

來源

2013-02-26 09:58:11

使用jQuery插件的OP因此不需要提交處理程序。 – 2013-02-26 10:00:51

您可以使用resetForm這一點。這裏是文檔http://malsup.com/jquery/form/#options-object

或類似resetForm CNA使用功能和http://malsup.com/jquery/form/#api

clearForm文檔或者試試簡單：

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

來源

2013-02-26 09:59:32

如何在提交ajax表單後清除表單域並打印成功消息

回答

相關問題