jQuery Form插件重置（）

Question

我正在使用http://malsup.com/jquery/form/

非常简单，如何提交它然后重置我的表单？我对ajax几乎一无所知

Answer 1

使用jQuery - 这将重置所有文本字段（文本和密码）。如果您需要重置其他字段（复选框...），您还需要清除它们：

    $(document).ready(function() { 
       // bind 'myForm' and provide a simple callback function 
        $('#myForm').ajaxForm(function() { 
            alert("Thank you for your comment!"); 
            $('#myForm').find("input[type=text] input[type=password], textarea").val("");
        }); 
    }); 

Answer 2

$(".submit").click(function() {
    $(this).closest('myForm').find("input[type=text], textarea").val("");
});

或

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

或

$('#myForm').trigger("reset");

Answer 3

您可以使用HTML DOM Form reset（）函数：

用法

---

...
// Selects the first (index 0) #myForm element and calls the reset method
// (the reset method is available to any HTML DOM form element)
$('#myForm')[0].reset();
...

链接

---

w3 documentation

w3schools documentation

Answer 4

在您的ajax通话提交或成功后，请添加以下内容：

$("#form").submit(function(){
    //your ajax call
    $("#forum")[0].reset();// or document.getElementById("forum").reset();
}

或：

$.ajax({
    ...
    success: function(...){
        $("#forum")[0].reset();// or document.getElementById("forum").reset();
    }
});