Как очистить все поля формы в jquery?
2 ответа
от
dmitrypro77 ,
3 года назад
@felix Самый простой и быстрый способ - использовать reset() метод в javascript чтобы очистить все поля формы, посмотрите ниже пример с jQuery как это работает:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<html> <head> <meta charset="utf-8"/> <script src="https://code.jquery.com/jquery-2.0.1.js"></script> </head> <body> <div class="container"> <form method="post" action="/" id="auth"> <div> <label for="username">Имя пользователя:</label> <input id="username" type="text" name="username"/> </div> <div> <label for="password">Пароль:</label> <input id="password" type="password" name="password"/> </div> <input type="submit" value="Войти"> </form> <button id="reset">Очистить поля формы</button> </div> </body> <script> $("body").on("click", "#reset", () => { $("#auth")[0].reset(); }); </script> </html> |
Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.
от
richard ,
2 года назад
@felix
Вы можете очистить все поля формы в jQuery, используя следующий синтаксис:
1
|
$('form')[0].reset(); |
Это будет сбрасывать все поля формы на их значения по умолчанию. Если вы хотите очистить только определенные поля, вы можете сделать это, используя селекторы jQuery для выбора нужных полей и затем использовать .val('') для очистки их значений.
1 2 |
$('#input1').val(''); $('#input2').val(''); |
и так далее.
15