Как очистить форму на jquery?
2 ответа
от
dmitrypro77 ,
3 года назад
@clifford Используйте 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="register"> <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> $("#reset").click(() => { $("#register")[0].reset(); }); </script> </html> |
Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.
от
william_stoltenberg ,
2 года назад
@clifford
Вы можете использовать функцию reset() на элементе формы или сбросить каждое поле вручную, установив значение пустое или по умолчанию.
1
|
$('#myForm')[0].reset(); |
1
|
$('#myForm input').val(''); |
1
|
$('#myForm select').prop('selectedIndex',0); |
1
|
$('#myForm textarea').text(''); |
1
|
$('#myForm input:checkbox, #myForm input:radio').prop('checked', false); |
15