Clearing a form can sometimes be a bit of a hassle since there’s no native functionality for that — the “reset” button resets the form fields to their default values, not clears them. The script below takes care of exactly that, taking into account some of the newer input types (such as “email” and “date”). It is written as an extension to jQuery, meaning you can use it like a jQuery method, something like this ‘$(‘#myform’).clearForm()‘, but it can easily be written as a regular stand alone function.
// .clearForm - clears form fields from any values
$.fn.clearForm = function () {
var el = this.find('input, select, textarea'),
len = el.length,
i = 0;
for (; i < len; i++) {
switch (el[i].type) {
case 'text':
case 'password':
case 'select-one':
case 'select-multiple':
case 'textarea':
case 'email':
case 'date':
case 'number':
case 'phone':
$(el[i]).val('');
break;
case 'checkbox':
case 'radio':
el[i].checked = false;
}
}
}
// end .clearForm
