Javascript 提交ajax后如何清理表单？

首先：我试图在网上搜索答案，我找到了大约20个代码示例。但我失败了。仍然没有任何效果

我正在进行一次简单的聊天，在通过ajax提交数据后，我需要清理我的表单。代码如下：

<form id="ChatFrom" class="chatMessageField" action="Amess.php" method="post">
    <input class="chatMessageField" type="text" name="mess" /><br />
    <input class="chatMessageBtn" type="button" value="Отправить" onclick="SendForm();" />
</form>

<script type="text/javascript" src="http://scriptjava.net/source/scriptjava/scriptjava.js"></script>
<script type="text/javascript">
    function SendForm() {
        $$f({
            formid:'ChatFrom',
            url:'Amess.php',
        });
    }
</script>

函数SendForm（）{
$$f({
formid:'ChatFrom'，
url:'Amess.php'，
});
}

$（“.chatMessageField”）.val（“”）；这是一种简单的方法，但您必须对所有字段分别执行此操作。更好的解决方案是为所有输入提供一个相同的类名，并同时清除所有输入。或者只需使用jquery reset（）

您可以这样做：

function SendForm() {
   $.post( "Amess.php", function( data ) {
      resetFields();
   });
}


function resetFields(){
    $(':input')
      .not(':button, :submit, :reset, :hidden')
      .val('')
      .removeAttr('checked')
      .removeAttr('selected');
}

---

希望有帮助

$（“#formId”）[0].reset（）//或$（“#formId”）.get（0）.reset（）字段上每个调用的可能重复项或一个jquery，然后只调用一个

this.val（“”）

。至少代码更少。

function SendForm() {
   $.post( "Amess.php", function( data ) {
      resetFields();
   });
}


function resetFields(){
    $(':input')
      .not(':button, :submit, :reset, :hidden')
      .val('')
      .removeAttr('checked')
      .removeAttr('selected');
}