Clear form input fields after submit in jquery

Question

I have trying to submit a form using jquery. Form is submitted correctly but it do not clear the form after submission.

here is my jquery code

<script type="text/javascript">
    $(document).ready(function(){   
        $("#save").click(function(){    
            $("#myform").submit();
            $("#myform")[0].reset();        
         });    

    });             
</script>

here is my form

<form action="http://localhost/newsletter/index.php/email/send" method="post" accept-charset="utf-8" id="myform" name="myforms">        
    <p>
        <label for="name">Email Address </label>
        <input type="text" name="email" id="email" value="<?php echo set_value('email');?>">

        <input type="button" value="Go" id="save"></p>

</form>

i just want to clear form after submit but it can't reset field, data is submitted and still remain in the field..Any suggestion please??

because, you aren't using ajax to post form, and after submitting its re-loading form with setting value by this line --> <?php echo set_value('email');?>" — Ravi Dhoriya ツ
– Ravi Dhoriya ツ, Commented Jun 19, 2014 at 8:09

T.S. · Accepted Answer · 2014-06-19 08:10:52Z

0

It's because you use CodeIgniter's function set_value. That will contain the submitted e-mail. You probably use the form validation library in you controller, add some logic there so that your view 'knows' that the e-mail shouldn't be displayed when the validation succeeded.

answered Jun 19, 2014 at 8:10

T.S.

1,25213 silver badges23 bronze badges

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

1 Comment

dale landry Over a year ago

Perhaps giving the OP some code that would add some logic there so that your view 'knows' that the e-mail shouldn't be displayed when the validation succeeded would make your answer an answer and not just a comment.

Mee · Accepted Answer · 2015-02-20 16:37:02Z

0

Have you tried using $("#myform").get(0).reset(); instead of $("#myform")[0].reset(); ?

answered Feb 20, 2015 at 16:37

Mee

1587 bronze badges

Comments

Vaibhav Mule · Accepted Answer · 2017-07-20 15:25:01Z

0

you can just do.

document.getElementById("myform").reset();

answered Jul 20, 2017 at 15:25

Vaibhav Mule

5,1474 gold badges37 silver badges52 bronze badges

Collectives™ on Stack Overflow

Clear form input fields after submit in jquery

3 Answers 3

1 Comment

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Linked

Related