如何使用jQuery javascript ..重设整个表格？

Question

i have a script to send email via Ajax php code is working well but i also want to reset form after send email here is my jquery code

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

please tell me how is it possible i also used reset method but not working at all

Answer 1

You are almost near to your goal, you just need to change the order of your statements (first reset the form, and then return false) in your script, that is as follows.

change

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

to

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

Answer 2

Your reset line ( $('#slider-submit')[0].reset(); ) is after the return statement, so it is not called. Append it to the ajax success function (assuming that the form id is ´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

There are different methods, one possible is to trigger the reset event.

Assuming that your form id is ´slider-submit´

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

Answer 4

In a normal scenario after posting ajax call using jquery.

$('#MyFormId').reset()

or

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

Hopefully it should work.