提交ajax后如何清理表单?

时间:2014-08-08 18:06:55

标签: javascript php 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>

3 个答案:

答案 0 :(得分:1)

$("#ChatFrom")[0].reset()
    // or
 $("#ChatFrom").get(0).reset()

答案 1 :(得分:1)

你可以这样做:

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


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

希望它有所帮助!

答案 2 :(得分:0)

$( “chatMessageField。”)VAL( '')。这是一种简单的方法,但您必须分别对所有字段进行操作。更好的解决方案是为所有输入提供相同的类名,并立即清除它们。或者只使用jquery reset()