表单提交后，Jquery ajaxForm清除表单

Question

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

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

Answer 1

你可以试试这个：

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

Answer 2

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

有点像

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

Answer 3

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

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