Javascript ajax提交后清除表单值。

现场-

这个表单是用Ajax和PHP编程的。成功提交后，我想从输入框中隐藏用户输入的信息

你知道怎么做吗

---

您可以将类添加到所有输入中，如“.input”。然后，在success函数中，您可以使用类选择器一次清除所有输入，如下所示：

$('.input').val('') 

---

这将节省您为每个输入编写一行代码的时间。更干净。

如果要清除答案，然后删除验证，请尝试此代码

var $form = $('#form-contact');
$form.find('input, textarea').val('');
SimpleForm.clearErrors($form)

---

只需在所有字段中放置一个公共类，例如-

clearMe

，在ajax的成功部分，只需将

$（“.clearMe”）.val（“”

）放入

reset（）

函数，即可将表单重置为原始状态

如果您使用ajax提交表单。。。可以使用回调函数完成，但我建议使用

.done（）

以及

fail（）

函数来处理这两种情况

因此，将类似于：

$.post( "example_post_page.php", example_form_data )
    .done(function() {
        // Looks good
        // Let the user know with a message and then, clears the form.
        alert( "success" );
        $('#form-contact')[0].reset();
        // -------------------^ Same behavior as <input type="reset" /> element.
    })
    .fail(function() {
        // Show some warning message
        // Don't clear the data, so the user don't have to type all over again.
        alert( "error" );
    });

$.post（“example\u post\u page.php”，example\u form\u data）
.done（函数（）{
//看起来不错
//通过消息让用户知道，然后清除表单。
警惕（“成功”）；
$（'#form contact'）[0]。重置（）；
//--------------------^与元素的行为相同。
})
.fail（函数（）{
//显示一些警告信息
//不清除数据，因此用户不必重新键入。
警报（“错误”）；
});

当然，这只是一个例子，可以改进，比如说。。。用一个漂亮的模式框替换这些警报，在有错误的字段中添加一些警告类，等等

---

更多信息：

在ajax函数中，如果成功，只需隐藏元素即可。如果显示ajax代码会有所帮助。要隐藏或清除输入吗？在成功调用ajax时，请清除所有值

$（“#Id”）.val（“”

+1，用于

重置

）。但是，您可以完全使用本机DOM，

document.getElementById（“表单联系人”）.reset（）

：-）或

$（…）.each（function（）{this.reset（）；}）