Comments on: Clearing Form Data

By: Lance

Lance — Sat, 24 Sep 2011 07:25:31 +0000

Thank you for this code, it was handy to use on ajax submit. I updated my local version to include the new html5 input types.

By: khensolomon

khensolomon — Fri, 23 Sep 2011 12:54:10 +0000

How do we skip hidden input?

By: Tom

Tom — Thu, 01 Sep 2011 09:40:25 +0000

Someone didn’t read the post…

Your code will remove values for hidden fields, checkboxes and radio buttons. It also doesn’t account for select lists or textareas.

By: Jean-Luc Tallis

Jean-Luc Tallis — Mon, 22 Aug 2011 00:55:31 +0000

Here are 3 possible suggestions, including 2 that have already been mentioned. $("form").clearForm(); // with the plugin $("form")[0].reset(); $('form > input[type=reset]').trigger('click'); //with a reset button in the form set to display: none; Of course, depending on the result you want (total clear, or reset to defaults) will be which one you choose. The two resets, reset the form to default as for the plugin will clear it completely.

By: Kaustav

Kaustav — Sun, 15 May 2011 11:24:28 +0000

Very cool piece of work. I was able to clean up the form data on jquery dialog close to prevent cached field data being shown. Nice Work.

By: Krzysztof Alboszta

Krzysztof Alboszta — Sun, 27 Feb 2011 00:10:19 +0000

Hi,
the plugin functionality would be more useful when you remeber about

tag:
…
if (tag == ‘form’ || tag == ‘fieldset’)
return $(‘:input’,this).clearForm();
…

this is the best reason to use clear instead of reset method.. when you have to clear the values of big one part of the form

By: ouardisoft

ouardisoft — Wed, 19 Jan 2011 12:03:36 +0000

this function is compatible with HTML5 inputs (url, email, ...)


$.fn.clearForm = function() {
  return this.each(function() {
 var type = this.type, tag = this.tagName.toLowerCase();
 if (tag == "form")
   return $(":input",this).clearForm();
     if (type == "text" || type == "password" || tag == "textarea")
       this.value = "";
     else if (type == "checkbox" || type == "radio")
       this.checked = false;
       else if (type == "hidden"){}
     else if (tag == "select")
       this.selectedIndex = -1;
       else
       this.value = "";
  });
};

Call


$("form").clearForm();

By: bill

bill — Mon, 17 Jan 2011 22:48:03 +0000

Like the few who seem to “get” this thread, I needed a clear, not just a reset, and you have made my day. 1,000,000 thank yous.

By: Madan

Madan — Mon, 16 Aug 2010 10:15:47 +0000

I feel that this coding is much more sensible

$('#sampleform').get(0).reset();

By: coppertop

coppertop — Sat, 05 Jun 2010 11:09:39 +0000

or even

$(‘input’).val(“”);