清空form表單例項程式碼

本章節分享一段程式碼例項，能夠清空表單中的資料，希望能夠需要的朋友帶來一定的幫助，此程式碼是從jquery.form.js中剝離出來的。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
$.fn.clearForm = function(includeHidden) {
  return this.each(function() {
//this表示設定上下文環境，有多個表單時只作用呼叫的表單
    $('input,select,textarea', this).clearFields(includeHidden);   
  })
}
$.fn.clearFields = $.fn.clearInputs = function(includeHidden) {
  // 'hidden' is not in this list
  var re = /^(?:color|date|datetime|email|month|number|password|range|search|tel|text|time|url|week)$/i; 
  return this.each(function() {
    var t = this.type, tag = this.tagName.toLowerCase();
    if (re.test(t) || tag == 'textarea') {
      this.value = '';
    }
    else if (t == 'checkbox' || t == 'radio') {
      this.checked = false;
    }
    else if (tag == 'select') {
      this.selectedIndex = -1;
    } 
    else if (t == "file") {
      if (/MSIE/.test(navigator.userAgent)) {
        $(this).replaceWith($(this).clone(true));
      } 
     else {
        $(this).val('');
      }
    }
    else if (includeHidden) {
      if ( (includeHidden === true && /hidden/.test(t)) ||(typeof includeHidden == 'string' && $(this).is(includeHidden)) ) {
        this.value = '';
      }
    }
  });
};