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

by

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.

More Related Contents:

  1. Fade animation while scrolling
  2. Difference between .ajaxSubmit() vs .submit()
  3. Check if a user has scrolled to the bottom (not just the window, but any element) [duplicate]
  4. Proper way to wait for one function to finish before continuing?
  5. How do you log all events fired by an element in jQuery?
  6. Deprecation warning in Moment.js – Not in a recognized ISO format
  7. How to trigger ngClick programmatically
  8. Attach an event in a child iframe to a handler in the parent window
  9. When should I use return false in jquery function?
  10. jQuery .append() not appending to textarea after text edited
  11. Why cache jQuery objects?
  12. How can I differentiate a manual scroll (via mousewheel/scrollbar) from a Javascript/jQuery scroll?
  13. What is the elegant way to get the latest date from array of objects in client side?
  14. adding to window.onload event?
  15. Browser back button handling
  16. jQuery event that triggers after CSS is loaded?
  17. ask for geolocation permission again if it was denied
  18. Change the style of :before and :after pseudo-elements? [duplicate]
  19. How to chain ajax requests?
  20. sort JSON by date
  21. How to use Javascript to check and load CSS if not loaded?
  22. Use Django template tags in jQuery/Javascript?
  23. How to create a new img tag with JQuery, with the src and id from a JavaScript object?
  24. SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
  25. How to iterate a table rows with JQuery and access some cell values?
  26. Jquery: Filter dropdown list as you type [closed]
  27. Convert JavaScript variable value to csv file
  28. How to stop user from printing webpages? using javascript or jquery
  29. How can I compare two color values in jQuery/JavaScript?
  30. How to avoid conflict between JQuery and Prototype

Leave a Comment