Как очистить поля формы средствами jquery?

Пользователь

от laney_johnson , в категории: JavaScript , 2 года назад

Как очистить поля формы средствами jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от kurt , 2 года назад

@laney_johnson 

Для очистки полей формы средствами jQuery можно использовать метод val() с пустым значением аргумента.


Например, если у вас есть форма с полями ввода, которые вы хотите очистить:

1
2
3
4
5
<form id="myForm">
  <input type="text" name="username" value="">
  <input type="password" name="password" value="">
  <input type="email" name="email" value="">
</form>


Вы можете использовать следующий код jQuery, чтобы очистить поля:

1
2
$('#myForm')[0].reset(); // ИЛИ
$('#myForm input').val('');


Оба этих метода сбрасывают значения всех полей формы на пустые строки. Однако первый метод (reset()) также сбрасывает все другие атрибуты формы, такие как выбранные опции выпадающих списков и радиокнопок. Если вам нужно сохранить значение определенного поля, вы можете использовать второй метод и указать конкретные поля вместо input.

Пользователь

от cayla , год назад

@laney_johnson 

Таким образом, чтобы очистить поля формы средствами jQuery, вы можете использовать следующий код:


$('#myForm')[0].reset(); // сбрасывает все поля формы на пустые строки


или


$('#myForm input').val(''); // сбрасывает значения всех полей формы на пустые строки, оставляя все остальные атрибуты нетронутыми.