Как сбросить (очистить) форму через JavaScript? - PullRequest
Новая
       2

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

118 голосов
/ 24 сентября 2010

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

Ответы [ 12 ]

238 голосов
/ 24 сентября 2010

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

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

Или без jQuery: 

document.getElementById("client").reset();
37 голосов
/ 10 ноября 2013

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

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

17 голосов
/ 25 июня 2013

Чистый раствор 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 голосов
/ 11 июня 2015

Сброс (Очистить) Форма в течение Javascript & jQuery:

Пример Javascript: 

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

Пример jQuery:

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

$('#client.frm').trigger("reset");
4 голосов
/ 16 января 2014

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

4 голосов
/ 24 сентября 2010

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

Для полного сброса проверьте ссылку ниже -

http://www.javascript -coder.com / JavaScript-форма / JavaScript-сброс-form.htm * +1007 *

2 голосов
/ 05 декабря 2013

Попробуйте это: 

$('#resetBtn').on('click', function(e){
    e.preventDefault();
    $("#myform")[0].reset.click();
}
0 голосов
/ 16 января 2019

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

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

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

0 голосов
/ 16 ноября 2018

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

$('[element]').trigger('reset')
0 голосов
/ 11 июня 2015

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

    <!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>
Страница:
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...