如何使用 jquery javascript 重置整个表单..？答案

【问题标题】：how to reset the whole form using jquery javascript..?如何使用 jquery javascript 重置整个表单..？
【发布时间】：2015-06-05 15:38:48
【问题描述】：

我有一个通过 Ajax php 发送电子邮件的脚本代码运行良好，但我也想在发送电子邮件后重置表单这是我的 jquery 代码

       <script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){

$('#slider-submit').click(function(){
    $('#success').text('Sending...');

$.post("send.php", $("#slider-form").serialize(),  function(response) {   
 $('#success').html(response);
 //$('#success').hide('slow');


});
return false;
$('#slider-submit')[0].reset();

});

});
</script>

请告诉我怎么可能我也使用了重置方法但根本不起作用

【问题讨论】：

$("#slider-submit").find('input:text, input:hidden, input:password, input:file, select, textarea').val('');
How to reset (clear) form through JavaScript? 的可能重复项
您能出示您的表格吗？一件事是你在 return false 后调用 reset
您的重置行 ($('#slider-submit')[0].reset();) 在 return 语句之后，因此不会被调用。将其附加到 ajax 成功函数中。
添加 $('#slider-submit')[0].reset();成功后不返回 false $('#success').html(response); //$('#success').hide('slow'); $('#slider-submit')[0].reset(); });

标签： javascript jquery ajax

【解决方案1】：

你已经接近你的目标了，你只需要在你的脚本中改变语句的顺序（先重置表单，然后返回false），如下所示。

改变

return false;
$('#slider-submit')[0].reset();

到

$('#slider-submit')[0].reset();
return false;

【讨论】：

【解决方案2】：

您的重置行 ($('#slider-submit')[0].reset();) 在 return 语句之后，因此不会调用它。将其附加到 ajax 成功函数（假设表单 id 为“slider-submit”）。

$(document).ready(function(){
    $('#slider-submit').click(function(){
        $('#success').text('Sending...');

        $.post("send.php", $("#slider-form").serialize(),  function(response) {   
            $('#success').html(response);
            //$('#success').hide('slow');

            $('#slider-submit')[0].reset();
        });
        return false;

    });
});

【讨论】：

【解决方案3】：

有不同的方法，一种可能是触发重置事件。

假设您的表单 ID 是“slider-submit”

$('#slider-submit').trigger('reset');

【讨论】：

【解决方案4】：

在使用 jquery 发布 ajax 调用后的正常情况下。

$('#MyFormId').reset()

or

$( '#MyFormId' ).each(function(){
    this.reset();
});

Hopefully it should work.

【讨论】：