如何通过JavaScript重置(清除)表单？

Question

我试过$("#client.frm").reset();但它没有工作.那么如何通过jQuery重置表单？

Answer 1

form.reset() 是一个DOM元素方法(不是jQuery对象上的一个),所以你需要:

$("#client.frm")[0].reset();
//faster version:
$("#client")[0].reset();

或者没有jQuery:

document.getElementById("client").reset();

Answer 2

你可以简单地做:

$("#client.frm").trigger('reset')

Answer 3

纯JS解决方案如下:

function clearForm(myFormElement) {

  var elements = myFormElement.elements;

  myFormElement.reset();

  for(i=0; i<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;
  }
    }
}

Answer 4

请注意，form.reset()如果表单中的某些输入标签具有属性，则该功能将不起作用name='reset'

Answer 5

该.reset()方法不会清除默认值和复选框字段，还有更多问题。

为了完全重置检查以下链接 -

http://www.javascript-coder.com/javascript-form/javascript-reset-form.htm

Answer 6

清除表格如下

document.forms[0].reset();

您可以简单地清除组内的表单元素。通过使用这个forms[0]。