ajax提交后清除表单值。

Question

直播网站 - http://onetieva.com/#contact

这个表格用Ajax＆amp; amp; PHP。成功提交后，我想从输入框中隐藏用户输入的信息。

知道怎么做。

Answer 1

您可以使用reset()函数逐字reset表单。{/ p>

如果您使用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" );
    });

当然，这只是一个例子，可以改进，例如...替换那些警报，有一个很好的模态框，在有错误的字段中添加一些警告类，等等......

更多信息：jquery.post

Answer 2

您可以为所有输入添加课程，例如＆＃39; .input＆＃39;。然后，在success函数中，您可以使用类选择器一次清除所有输入：

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

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

Answer 3

您想要清除答案，然后删除验证，尝试此代码

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

Answer 4

只需在所有字段中添加一个公共类，例如 - clearMe，在您的ajax成功部分中，只需添加$(".clearMe").val("")。