Как очистить (сбросить) HTML-форму на jQuery?

Вопрос

У меня есть форма, в которой есть стандартная кнопка сброса (ресета), вот она:

<input type="reset" class="button standard" value="Очистить" />

Проблема заключается в том, что моя форма является многоэтапной, и если пользователь заполняет эту форму на некотором этапе, а затем возвращается назад, значения разных полей запоминаются, и кнопка сброса не очищает форму.

Я думаю, что можно с помощью jQuery пробежаться по всем полям формы и задать им значения по-умолчанию, «обратившись», так сказать, к каждому полю «лично», но мне почему-то кажется, что должен существовать какой-то более эффективный и менее избыточный метод.

Буду рад любым предложениям.


Ответ №1

Это должно сработать (‘myform’ - это ID Вашей формы):

$(':input','#myform')
 .not(':button, :submit, :reset, :hidden')
 .val('')
 .removeAttr('checked')
 .removeAttr('selected');

Пояснение. Используем селектор ‘:input’ для того, чтобы получить все INPUT-ы (поля ввода, кнопки, флажки, поля выбора и т.п.) из нашей формы (её ID мы передаём втором параметром: #myform). Дальше отсеиваем все кнопки, ресеты, скрытые поля ввода используя селектор .not(). Затем мы очищаем значение полей с помощью функции .val(), передав туда пустую строку. Также используем removeAttr(), чтобы убрать галочки с флажков (чекбоксов) и полей выбора (селектов).

18 комментария

  • sht.:

    Точно! гениально и просто, спасибо за идею (.not();)

  • skrabus:

    Спасибо, помогло.

  • Nik:

    из множества вариантов, выбрал этот. способ подошел идеально для моего случая. спасибо.

  • EZ-Web:

    ещё проще:
    $(‘#my_form_id» />’).trigger( ‘reset’ );

  • tpavelst:

    Наш сервис предоставляет настоящие лайки на фотографии заказчиков, которые готовы платить за качество.

    Именно для этого мы и набираем удалённых сотрудников, которые будут выполнять работу, то есть ставить лайки и получить за это деньги.

    Чтобы стать нашим удалённым сотрудником и начать ставить лайки, зарабатывая при этом 45 рублей за 1 поставленный лайк,

    достаточно просто зарегистрироваться на нашем сервисе. > http://www.like.zarplatt.ru <

  • Deloresgaw:

    Right here is an offer where you could get in to win an Apple Watch. This is mosting likely to be the base version one they distribute, the Apple WatchSport with a worth of $349! Terrific chance to win this before you can purchase it!

    Respond to the inquiry now for a possibility to win.
    Click here: http://bit.ly/2j2qhLq

  • tnikast:

    Пройдите 1 регистрацию, сделайте 2 действия
    и получайте от 8950 рублей каждые сутки в автоматическом режиме.

    Мы гарантируем:
    - Первый заработок в течении 60 минут.
    - Стабильный доход 24 часа в сутки.
    - Поступление денег без задержек.
    - Для России, стран СНГ и Европы.
    - Без вложений и установки ПО.
    - Специально для новичков и людей без опыта.

    Более подробная информация у нас на сайте. ( prosto.zarplatt.ru )

  • qnikast:

    Пройдите 1 регистрацию, сделайте 2 действия
    и получайте от 8950 рублей каждые сутки в автоматическом режиме.

    Мы гарантируем:
    - Первый заработок в течении 60 минут.
    - Стабильный доход 24 часа в сутки.
    - Поступление денег без задержек.
    - Для России, стран СНГ и Европы.
    - Без вложений и установки ПО.
    - Специально для новичков и людей без опыта.

    Ознакомтесь с условиями на нашем сайте. ( http://prosto.zarplatt.ru/ )

  • Williamdoorie:

    Hello.
    I need to contact admin.
    Thank you.

  • npavelst:

    Наш сервис предоставляет настоящие лайки на фото заказчиков, которые готовы платить за качество.

    Именно для этого мы и набираем удалённых сотрудников, которые будут выполнять работу, то есть ставить лайки и зарабатывать за это деньги.

    Чтобы стать нашим удалённым сотрудником и начать ставить лайки, зарабатывая при этом 45 рублей за 1 поставленный лайк,

    достаточно просто зарегистрироваться на нашем сервисе. > like.zarplatt.ru <

    Вывод заработанных средств ежедневно в течении нескольких минут.

  • snikast:

    Пройдите 1 регистрацию, сделайте 2 действия
    и получайте от 8950 рублей каждые сутки в автоматическом режиме.

    Мы гарантируем:
    - Первый заработок в течении 60 минут.
    - Стабильный доход 24 часа в сутки.
    - Поступление денег без задержек.
    - Для России, стран СНГ и Европы.
    - Без вложений и установки ПО.
    - Специально для новичков и людей без опыта.

    Более подробная информация на нашем сайте. ( prosto.zarplatt.ru )

  • mpavelst:

    Наш сервис предоставляет настоящие лайки на фото заказчиков, которые готовы платить за качество.

    Именно для этого мы и набираем удалённых сотрудников, которые будут выполнять работу, то есть ставить лайки и получить за это деньги.

    Чтобы стать нашим удалённым сотрудником и начать ставить лайки, зарабатывая при этом 45 рублей за 1 поставленный лайк,

    достаточно просто зарегистрироваться на нашем сервисе. > like.zarplatt.ru <

    Вывод заработанных средств ежедневно в течении нескольких минут.

  • GraceFlore:

    Принципиально новое обновление «XRumer 16.0 + XEvil»:
    взлом капчи Google, Yandex, Facebook, ВКонтакте,
    а также свыше 8400 других видов captcha,
    с высокой скоростью — 100 изображений в секунду, и точностью — 80%..100%.
    В XEvil 2.0 реализовано подключение любых SEO/SMM программ — XRumer, GSA, ZennoPoster, VKBot, A-Parser,
    и многих других. Готовится абсолютно бесплатная демо-версия. Заинтересованы — ищите в Ютубе «XEvil: new OCR — captcha solver»

  • tnikast:

    Пройдите 1 регистрацию, сделайте 2 действия
    и получайте от 8950 рублей каждые сутки в автоматическом режиме.

    Мы гарантируем:
    - Первый заработок в течении 60 минут.
    - Стабильный доход 24 часа в сутки.
    - Поступление денег без задержек.
    - Для России, стран СНГ и Европы.
    - Без вложений и установки ПО.
    - Специально для новичков и людей без опыта.

    Ознакомтесь с условиями у нас на сайте. ( http://www.prosto.zarplatt.ru )

  • tianst:

    Оригинал Xiaomi Redmi Note 4 Х 4 Х Смартфон 3 ГБ ОПЕРАТИВНОЙ ПАМЯТИ 32 ГБ ROM Snapdragon 625 Octa Core MIUI 8.1 Отпечатков Пальцев 5.5 «FHD 4 Г FDD LTE

    Лучшая версия себя. Полюбившийся публике RedMi Note 4 стал еще лучше, переродившись в новой модели – Xiaomi RedMi Note 4 Pro. И что самое приятное, цена на телефон по-прежнему радует не меньше, чем и сами нововведения!

    Производитель:Xiaomi
    Разблокировка телефона:Да
    Тип батареи:Не съёмная
    Разрешение дисплея:1920×1080
    Емкость батареи (мАч):4000mAh(Min) — 4100mAh(Typ)
    Операционная система:Android
    Особенности:Гравитационный эффект,GPRS,Сенсорный экран,Сообщение,Bluetooth,Видеоплеер,Видеоплеер HD,Wi-Fi,Воспроизведение MP3,FM-радио,GPS-навигация,Передняя камера,Слоты карт памяти,E-mail,QWERTY-клавиатура
    Модель Xiaomi:Редми Примечание 4X3 ГБ 32 ГБ
    Язык:Русский,Немецкий,Испанский,Польский,Турецкий,Английский,Норвежский,Итальянский,Французский,Португальский
    Камера:13.0 MP
    Тип камеры:Передняя & задняя камера
    Количество SIM-карт:Две SIM-карты
    Дата выпуска:2017
    Сотовая связь:GSM/WCDMA/LTE
    ПЗУ:32 ГБ
    Состояние:Новое
    Чёткость записи:1080P
    Размер дисплея:5,5
    Производитель процессора:Qualcomm
    Процессор:Восьмиядерный
    Дизайн:Стержень
    Толщина:Ультра тонкий (<9mm)
    Тип сенсорного экрана:Ёмкостный экран
    Время Разговора:About 6-8 hours
    Режим диапазона:2SIM/Multi-Bands
    Цвет дисплея:Цвет
    ОЗУ:3 ГБ
    Размер:151mm*76mm*8.45mm
    Язык:Chinese
    MIUI:MIUI 8.1
    Fingerprint:Support
    CPU:Snapdragon 625 Octa Core up to 2.0GHz
    TF Card:Support , up to 128GB
    2G:GSM B2/B3/B5/B8
    3G:WCDMA B1/B2/B5/B8;TD-SCDMA B34/B39;CDMA2000/1X BC0
    4G:FDD-LTE B1/B3/ B5/B7/ B8;TD-LTE B38/B39/B40/B41(2555-2655MHz)
    Xiaomi Model:Xiaomi Redmi Note 4 X

    Цена: 9 870 руб.

    Более детальный обзор на нашем сайте. http://www.xiaomi-redmi-note.tk

  • qianst:

    HOMTOM HT7 Pro 4G это смартфон бюджетного класса от Китайского производителя, работающий из коробки на операционной системе Android 5.1. В смартфоне установлен чипсет начального уровня Mediatek MT6735, оснащенный четырех ядерным центральным процессором работающим на частоте 1ГГц, и графическим чипом Mali-T720. Оперативной памяти 2ГБ, постоянной 16ГБ, которую можно расширить при помощи microSD карты обьемом до 128ГБ.

    В HOMTOM HT7 Pro большой 5.5 дюймовый дисплей с HD ( 1280 x 720 )разрешением, использующий технологию IPS, благодаря чему картинка выглядит более естественно по сравнению с обычными LCD дисплеями. Спереди и сзади установлены камеры с искусственно поднятым разрешением, таким образом задняя имеет реальных 8МП поднятых до 13МП, фронтальная имеет 2МП поднятые до 5МП.

    Общей производительности HOMTOM HT7 Pro 4G смартфона хватит на большинство игр и приложений, даже для самых требовательных. Наличие 2ГБ оперативной памяти позволит запускать больше вкладок в браузере. Благодаря поддержке сетей 4G, смартфон способен принимать данные по высокой скорости.

    Батареи емкостью 3000мАч должно хватить на сутки активного пользования.

    Цена: 4 424 руб.

    Более детальный обзор на нашем сайте. http://www.homtom-ht7.tk

Добавить комментарий


(обязательно)