Jquery ajaxForm 提交表单后清空表单

Question

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

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

- Patriotec

Answer 1

你可以尝试这个方法：

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

- Mati

Answer 2

你可以添加一个.submit()监听器，在其中设置任何表单元素的内容。类似于：

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

- Steve Wang

---

请问您能否发布完整的代码？我不知道在我的代码中应该插入您的代码片段。谢谢。 - Patriotec

你可以随意将其附加在任何地方。它是一个事件监听器，因此当您提交表单时，它将被触发。不过，您提出的在回调中添加它的解决方案同样有效。 - Steve Wang

Answer 3

这是正确的代码。我找到了一种解决方法，可以清除id为“msgtextarea”的文本区域字段。

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

- Patriotec