how to reset the whole form using 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

$("#slider-submit").find('input:text, input:hidden, input:password, input:file, select, textarea').val(''); — kamlesh.bar
– kamlesh.bar, Commented Jun 5, 2015 at 7:10
possible duplicate of How to reset (clear) form through JavaScript? — Saty
– Saty, Commented Jun 5, 2015 at 7:10
Can you show your form? One thing is you are calling reset after return false — Zee
– Zee, Commented Jun 5, 2015 at 7:10
Your reset line ($('#slider-submit')[0].reset();) is after the return statement, so it is not called. Append it to the ajax success function. — kosmos
– kosmos, Commented Jun 5, 2015 at 7:11
Add $('#slider-submit')[0].reset(); in sucess not after return false $('#success').html(response); //$('#success').hide('slow'); $('#slider-submit')[0].reset(); }); — Manoj
– Manoj, Commented Jun 5, 2015 at 7:13

Akshay Hegde · Accepted Answer · 2015-06-05 07:17:26Z

2

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;

answered Jun 5, 2015 at 7:17

Akshay Hegde

17.1k2 gold badges25 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

kosmos · Accepted Answer · 2015-06-05 07:13:27Z

1

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;

    });
});

answered Jun 5, 2015 at 7:13

kosmos

4,2881 gold badge21 silver badges38 bronze badges

Comments

Mario Araque · Accepted Answer · 2015-06-05 07:11:23Z

0

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

Assuming that your form id is ´slider-submit´

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

answered Jun 5, 2015 at 7:11

Mario Araque

4,5723 gold badges17 silver badges25 bronze badges

Comments

Amruta Vaishnav · Accepted Answer · 2015-06-05 07:24:01Z

0

In a normal scenario after posting ajax call using jquery.

$('#MyFormId').reset()

or

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

Hopefully it should work.

answered Jun 5, 2015 at 7:24

Amruta Vaishnav

112 bronze badges

Collectives™ on Stack Overflow

how to reset the whole form using jquery javascript..?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related