как очистить поля формы после отправки js

Очистить поля формы с помощью jQuery

Я хочу очистить все поля ввода и текстовое поле в форме. При использовании кнопки ввода с классом reset это работает следующим образом:

Это очистит все поля на странице, а не только поля формы. Как бы мой селектор выглядел именно в той форме, в которой находится настоящая кнопка сброса?

30 ответов

$ (‘форма’). submit (function () <

Добавьте скрытую кнопку сброса следующим образом

Я написал универсальный плагин jQuery:

Ничего из вышеперечисленного не работает в простом случае, когда страница включает вызов пользовательского веб-элемента управления, который включает обработку запроса IHttpHandler (капча). После отправки запроса (для обработки изображений) приведенный ниже код не очищает поля формы (перед отправкой запроса HttpHandler) все работает правильно.

Код, который я вижу здесь и на связанные вопросы SO, кажется неполным.

Сброс формы означает установку исходных значений из HTML, поэтому я собрал это вместе для небольшого проекта, который я делал на основе приведенного выше кода:

Пожалуйста, дайте мне знать, если мне что-то не хватает или что-то можно улучшить.

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

OnSuccess операции, которую мы вызываем функцию JavaScript с именем » ClearInput «

Используйте этот код там, где вы хотите вызвать нормальную функцию сброса с помощью jQuery

И напишите эту функцию на сайте jQuery в готовом документе

Пробовал сначала, он не очищает поля со значениями по умолчанию.

Вот способ сделать это с помощью jQuery:

Просто, но работает как шарм.

Если кто-то все еще читает эту ветку, вот простейшее решение, использующее не jQuery, а простой JavaScript. Если ваши поля ввода находятся внутри формы, есть простая команда сброса JavaScript:

Если вам не нужно сбрасывать форму, а заполнить все входные данные каким-либо значением, например пустым значением, вы можете использовать большинство решений из других комментариев.

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

Что-то вроде должно работать

По какой причине это не следует использовать?

Для jQuery 1.6+ :

Источник

Очистки полей формы с помощью jQuery

Я хочу очистить все поля ввода и textarea в форме. Он работает следующим образом при использовании кнопки ввода с reset класс:

Это позволит очистить все поля на странице, а не только те из формы. Как будет выглядеть мой селектор только для формы, в которой живет фактическая кнопка сброса?

27 ответов

для jQuery 1.6+:

для jQuery :

по какой причине это не следует использовать?

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

что-то вроде должно работать

Если вы используете селекторы и принимать пустые значения, это не сброс формы все поля пустыми. Сброс сделать форму, как это было до редактирования действий пользователя после загрузки с сервера. Если есть вход с именем «username» и это имя пользователя было заполнено со стороны сервера, большинство решений на этой странице удалит это значение из ввода, а не сбросит его до значения, как это было до изменений пользователя. Если необходимо сбросить форму, используйте это:

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

простой, но работает как шарм.

Если кто-то все еще читает этот поток, вот самое простое решение, использующее не jQuery, а простой JavaScript. Если ваши поля ввода находятся внутри формы, существует простая команда сброса JavaScript:

почему это нужно делать с любым JavaScript вообще?

сначала попробовал это, он не очистит поля со значениями по умолчанию.

вот способ сделать это с помощью jQuery, то:

Я получил самый простой трюк для сброса формы

Источник

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *