Как reset (очистить) форму через JavaScript?

Я пробовал $("#client.frm").reset();, но он не работает. Так как форма reset через jQuery?

Ответ 1

form.reset() - это метод элемента DOM (не один из объекта jQuery), поэтому вам нужно:

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

Или без jQuery:

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

Ответ 2

Вы можете просто сделать:

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

Ответ 3

Решение Pure 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;
  }
    }
}

Ответ 4

Примечание. Функция form.reset() не будет работать, если какой-либо входной тег в форме имеет атрибут name='reset'

Ответ 5

Reset (Очистить) Форма throught Javascript и jQuery:

Пример Javascript:

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

Пример jQuery:

Вы можете попробовать использовать trigger() Ссылка ссылки

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

Ответ 6

reset() не очищает значения по умолчанию и поле флажка, и есть еще много проблем.

Чтобы полностью reset проверить ссылку ниже -

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

Ответ 7

Попробуйте следующее:

$('#resetBtn').on('click', function(e){
    e.preventDefault();
    $("#myform")[0].reset.click();
}

Ответ 8

Использовать функцию JavaScript reset():

document.forms["frm_id"].reset();

Ответ 9

Очистите форму следующим образом:

document.forms[0].reset();

Вы можете просто очистить элементы формы внутри группы. используя forms[0].

Ответ 10

Попробуйте этот код. Полное решение для вашего ответа.

    <!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(":reset").css("background-color", "red");
});
</script>
</head>
<body>

<form action="">
  Name: <input type="text" name="user"><br>
  Password: <input type="password" name="password"><br>
  <button type="button">Useless Button</button>
  <input type="button" value="Another useless button"><br>
  <input type="reset" value="Reset">
  <input type="submit" value="Submit"><br>
</form>

</body>
</html>

Ответ 11

Вы можете использовать следующее:

$('[element]').trigger('reset')

Ответ 12

Вы можете очистить всю форму, используя функцию onclick. Вот код для нее.

 <button type="reset" value="reset" type="reset" class="btnreset" onclick="window.location.reload()">Reset</button>

Функция window.location.reload() обновит вашу страницу, и все данные очистятся.