How to reset clear form through JavaScript

Question

I have tried     client frm   reset    but it is not working So how to reset form via jQuery

User · Answer

Note  function form reset   will not work if some input tag in the form have attribute name  reset

User · Answer

You can simply do       client frm   trigger  reset

User · Answer

reset   method does not clear the default values and checkbox field and there are many more issues   In order to completely reset check the below link -   http   www javascript-coder com javascript-form javascript-reset-form htm

User · Answer

Clear the form as follows  document forms 0  reset      You can simply clear the form elements within the group  by using this forms 0

User · Answer

Use JavaScript function reset     document forms  frm id   reset

User · Answer

Pure JS solution is as follows   function clearForm myFormElement       var elements   myFormElement elements     myFormElement reset       for i 0  i lt elements length  i         field type   elements i  type toLowerCase       switch field type         case  text       case  password       case  textarea             case  hidden          elements i  value             break       case  radio       case  checkbox           if  elements i  checked              elements i  checked   false                break       case  select-one       case  select-multi                   elements i  selectedIndex   -1        break       default        break

User · Answer

form reset   is a DOM element method  not one on the jQuery object   so you need       client frm   0  reset      faster version      client   0  reset      Or without jQuery   document getElementById  client   reset

User · Answer

Reset  Clear  Form throught Javascript  amp  jQuery   Example Javascript   document getElementById  client   reset      Example jQuery   You may try using trigger   Reference Link      client frm   trigger  reset

User · Answer

You can clear the whole form using onclick function Here is the code for it     lt button type  reset  value  reset  type  reset  class  btnreset  onclick  window location reload    gt Reset lt  button gt    window location reload   function will refresh your page and all data will clear

User · Answer

You could use the following       element    trigger  reset

User · Answer

Try this code  A complete solution for your answer        lt  DOCTYPE html gt   lt html gt   lt head gt   lt script src  http   ajax googleapis com ajax libs jquery 1 11 3 jquery min js  gt  lt  script gt   lt script gt    document  ready function            reset   css  background-color    red         lt  script gt   lt  head gt   lt body gt    lt form action    gt    Name   lt input type  text  name  user  gt  lt br gt    Password   lt input type  password  name  password  gt  lt br gt     lt button type  button  gt Useless Button lt  button gt     lt input type  button  value  Another useless button  gt  lt br gt     lt input type  reset  value  Reset  gt     lt input type  submit  value  Submit  gt  lt br gt   lt  form gt    lt  body gt   lt  html gt

User · Answer

Try this        resetBtn   on  click   function e       e preventDefault            myform   0  reset click

[javascript] How to reset (clear) form through JavaScript?

Examples related to javascript

Examples related to jquery