Question

我有一个脚本通过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>

请告诉我怎么可能我也使用重置方法但不能正常工作

Answer 1

您几乎接近目标，只需在脚本中更改语句的顺序（首先重置表单，然后返回false），如下所示。

更改

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

到

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

Answer 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;

    });
});

Answer 3

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

假设您的表单ID是“滑块提交”

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

Answer 4

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

$('#MyFormId').reset()

or

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

Hopefully it should work.

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

4 个答案: