jQuery Javascript function to clear all the fields of a form

Question

I am looking for a jQuery function that will clear all the fields of a form after having submitted the form   I do not have any HTML code to show  I need something generic   Can you help   Thanks

User · Answer

Something similar to     formId   reset   will not clear form items that have had their defaults set to something other than     One way this can happen is a previous form submission  once a form has been submitted reset   would  reset  form values to those previously submitted which will likely not be      One option to clear all forms on the page  is to call a function such as the following  executing it simply as clearForms     function clearForms             input   not   button   submit   reset   hidden   checkbox   radio   val              checkbox   radio   prop  checked   false       If you want to reset a specific form  then modify the function as follows  and call it as clearForm     formId      function clearForm  form         form find   input   not   button   submit   reset   hidden   checkbox   radio   val           form find   checkbox   radio   prop  checked   false       When I originally came to this page I needed a solution that takes into account form defaults being changed and is still able to clear all input items   Note that this will not clear placeholder text

User · Answer

You can simply use the reset button type    lt input type  text    gt   lt input type  reset    gt    jsfiddle  Edit  Remember that  the reset button  reset the form for the original values  so  if the field has some value set on the field  lt input type  text  value  Name    gt  after press reset the field will reset the value inserted by user and come back with the word  name  in this example   Reference  http   api jquery com reset-selector

User · Answer

the trigger idea was smart  however I wanted to do it the jQuery way  so here is a small function which will allow you to keep chaining     fn resetForm   function         return this each function            this reset                Then just call it something like this      divwithformin form   resetForm      or     form   resetForm      and of course you can still use it in the chain     form register   resetForm   find  input type  submit     attr  disabled   disabled

User · Answer

I use following solution   1  Setup Jquery Validation Plugin  2  Then      your form s selector   resetForm

User · Answer

To reset form  but not clear the form  just trigger reset event        form   trigger  reset      To clear a form see other answers

User · Answer

HTML   lt form id  contactform  gt  lt  form gt    JavaScript   var  contactform       contactform          contactform  find  input type text    textarea    each function                      this  val                            Simple and short function to clear all fields

User · Answer

function reset form          ID OF FORM   each  function          this reset

User · Answer

Note  this answer is relevant to resetting form fields  not clearing fields - see update   You can use JavaScript s native reset   method to reset the entire form to its default state   Example provided by Ryan        myForm   0  reset      Note  This may not reset certain fields  such as type  hidden    UPDATE  As noted by IlyaDoroshin the same thing can be accomplished using jQuery s trigger         myForm   trigger  reset      UPDATE  If you need to do more than reset the form to its default state  you should review the answers to Resetting a multi-stage form with jQuery

User · Answer

Set the val to     function clear form elements ele               ele  find   input   each function                 switch this type                    case  password                   case  select-multiple                   case  select-one                   case  text                   case  textarea                         this  val                          break                  case  checkbox                   case  radio                       this checked   false                                     lt input onclick  clear form elements this form   type  button  value  Clear All    gt     lt input onclick  clear form elements   example 1    type  button  value  Clear Section 1    gt   lt input onclick  clear form elements   example 2    type  button  value  Clear Section 2    gt   lt input onclick  clear form elements   example 3    type  button  value  Clear Section 3    gt    You could also try something like this     function clearForm form            iterate over all of the inputs for the form         element that was passed in          input   form  each function            var type   this type         var tag   this tagName toLowerCase       normalize case           it s ok to reset the value attr of text inputs            password inputs  and textareas        if  type     text     type     password     tag     textarea            this value                 checkboxes and radios need to have their checked state cleared           but should  not  have their  value  changed        else if  type     checkbox     type     radio            this checked   false            select elements need to have their  selectedIndex  property set to -1            this works for both single and multiple select elements         else if  tag     select            this selectedIndex   -1                   More info here and here

User · Answer

lt form id  form  method  post  action  action php  gt         lt input type  text  class  removeLater  name  name    gt  Username lt br  gt         lt input type  text  class  removeLater  name  pass    gt  Password lt br  gt         lt input type  text  class  removeLater  name  pass2    gt  Password again lt br  gt       lt  form gt       lt script gt    function           form   submit function e              do anything you want             amp  remove values              removeLater   val                  lt  script gt

User · Answer

Would something like work   JQuery Clear Form on close

[javascript] jQuery/Javascript function to clear all the fields of a form

Examples related to javascript

Examples related to jquery