表单提交后jquery ajaxForm清除表单答案

【问题标题】：Jquery ajaxForm clear form after form submission表单提交后jquery ajaxForm清除表单
【发布时间】：2011-06-25 22:40:06
【问题描述】：

我需要在提交表单后清除该表单。 TIA

<script type="text/javascript"> 
$(document).ready(function() { 
$('#msgform').ajaxForm(function (data, textStatus) {
$("#msgresults").show();
$('#msgresults').append(data);
});
}); 
</script>

【问题讨论】：

标签： javascript jquery ajax forms

【解决方案1】：

你可以试试这个：

$('#msgform')[0].reset();

【讨论】：

【解决方案2】：

您可以附加一个 .submit() 侦听器，在其中设置任何表单元素的内容。

有点像

$('#msgform').submit(function () {
  $(this).children('input[type=text]').val('');
});

【讨论】：

能否请您发布整个代码。我不知道在哪里将您的代码 sn-p 插入到我的代码中。谢谢。
你可以把它贴在任何地方，真的。它是一个事件监听器，所以它会在你提交表单时被触发。不过，您在回调中添加它的解决方案也同样有效。

【解决方案3】：

这是正确的代码。我找到了一个解决方案来清除 id 为 'msgtextarea' 的 textarea 字段

<script type="text/javascript"> 
  $(document).ready(function() { 
      $('#msgform').ajaxForm(function (data, textStatus) {
            $("#msgresults").show();
            $('#msgresults').append(data);
            $("#msgtextarea").val("")
      });
  }); 
</script>

【讨论】：