javascript формы Как очистить все входные данные, выделения, а также скрытые поля в форме, используя jQuery?




валидация формы js (4)

Я хотел бы очистить все входные данные, выделения, а также все скрытые поля в форме. Использование jQuery является вариантом, если лучше всего подходит.

Какой самый простой способ сделать это ... Я имею в виду легко понять и поддерживать.

[РЕДАКТИРОВАТЬ]

Решение не должно связываться ни с флажками (значение должно оставаться, но проверенное состояние должно быть очищено), ни с кнопкой отправки.

То, что я пытаюсь сделать, это кнопка очистки, которая очищает все параметры, введенные пользователем явно, а также скрытые поля.

Спасибо!


$('#myform')[0].reset();

или без jQuery:

document.getElementById('myform').reset();

где myform - это идентификатор формы, содержащей элементы, которые вы хотите очистить.

Вы также можете использовать селектор :input , если поля не находятся внутри формы:

$(':input').val('');

Чтобы очистить все входные данные, включая скрытые поля, используя JQuery:

// Behold the power of JQuery.
$('input').val('');

Выбор сложнее, потому что у них есть фиксированный список. Вы хотите очистить этот список или просто выделение.

Может быть что-то вроде

$('option').attr('selected', false);

У меня был немного более специализированный случай - поисковая форма, в которую входило автозаполнение имени человека. Код Javascript устанавливает скрытый ввод, который from.reset() не очищает.

Однако я не хотел сбрасывать все скрытые входы. Там я добавил класс search-value к скрытым данным, которые нужно очистить.

$('form#search-form').reset();
$('form#search-form input[type=hidden].search-value').val('');

Если вы хотите применить чистое значение к определенному числу полей, присвойте им идентификатор или класс и примените к ним пустое значение. как это:

$('.all_fields').val('');

где all_fields - класс, применяемый к нужным полям ввода для применения пустых значений. Это защитит другие поля от того, что они будут пустыми, которые вы не хотите менять.







jquery