очистить все поля формы jquery
Очистить поля формы с помощью jQuery
Я хочу очистить все поля ввода и textarea в форме. Это работает следующим образом при использовании кнопки ввода с классом reset :
Это очистит все поля на странице, а не только поля формы. Как бы выглядел мой селектор только для той формы, в которой живет кнопка фактического сброса?
Для jQuery 1.6+:
По какой причине это не должно быть использовано?
Это не будет обрабатывать случаи, когда поля ввода формы имеют непустые значения по умолчанию.
Что-то вроде должно работать
если вы используете селекторы и задаете значения для очистки значений, это не сбрасывает форму, а делает все поля пустыми. Сброс состоит в том, чтобы сделать форму такой, какой она была до каких-либо действий пользователя по редактированию после загрузки формы со стороны сервера. Если есть вход с именем «username» и это имя пользователя было предварительно заполнено со стороны сервера, большинство решений на этой странице будут удалять это значение из ввода, а не сбрасывать его до значения, которое было до изменений пользователя. Если вам нужно сбросить форму, используйте это:
если вам не нужно сбрасывать форму, а заполнять все входные данные некоторым значением, например, пустым значением, тогда вы можете использовать большинство решений из других комментариев.
Просто, но работает как шарм.
Если кто-то все еще читает эту ветку, вот самое простое решение, использующее не jQuery, а простой JavaScript. Если ваши поля ввода находятся внутри формы, есть простая команда сброса JavaScript:
Почему это вообще нужно делать с любым JavaScript?
Сначала попробовал, он не очистит поля со значениями по умолчанию.
Вот способ сделать это с помощью jQuery:
Если вы хотите очистить все поля ввода независимо от их типа, то шаг за шагом
Очистки полей формы с помощью jQuery
Я хочу очистить все поля ввода и textarea в форме. Он работает следующим образом при использовании кнопки ввода с reset класс:
Это позволит очистить все поля на странице, а не только те из формы. Как будет выглядеть мой селектор только для формы, в которой живет фактическая кнопка сброса?
27 ответов
для jQuery 1.6+:
для jQuery :
по какой причине это не следует использовать?
Это не будет обрабатывать случаи, когда поля ввода формы имеют непустые значения по умолчанию.
что-то вроде должно работать
Если вы используете селекторы и принимать пустые значения, это не сброс формы все поля пустыми. Сброс сделать форму, как это было до редактирования действий пользователя после загрузки с сервера. Если есть вход с именем «username» и это имя пользователя было заполнено со стороны сервера, большинство решений на этой странице удалит это значение из ввода, а не сбросит его до значения, как это было до изменений пользователя. Если необходимо сбросить форму, используйте это:
Если вам не нужно сбросить форму, но заполнить все входные данные некоторым значением, например пустым значением, то вы можете использовать большинство решений из других комментариев.
простой, но работает как шарм.
Если кто-то все еще читает этот поток, вот самое простое решение, использующее не jQuery, а простой JavaScript. Если ваши поля ввода находятся внутри формы, существует простая команда сброса JavaScript:
почему это нужно делать с любым JavaScript вообще?
сначала попробовал это, он не очистит поля со значениями по умолчанию.
вот способ сделать это с помощью jQuery, то:
Я получил самый простой трюк для сброса формы
Очистить поля формы с помощью jQuery
Я хочу очистить все поля ввода и текстовое поле в форме. При использовании кнопки ввода с классом reset это работает следующим образом:
Это очистит все поля на странице, а не только поля формы. Как бы мой селектор выглядел именно в той форме, в которой находится настоящая кнопка сброса?
30 ответов
$ (‘форма’). submit (function () <
Добавьте скрытую кнопку сброса следующим образом
Я написал универсальный плагин jQuery:
Ничего из вышеперечисленного не работает в простом случае, когда страница включает вызов пользовательского веб-элемента управления, который включает обработку запроса IHttpHandler (капча). После отправки запроса (для обработки изображений) приведенный ниже код не очищает поля формы (перед отправкой запроса HttpHandler) все работает правильно.
Код, который я вижу здесь и на связанные вопросы SO, кажется неполным.
Сброс формы означает установку исходных значений из HTML, поэтому я собрал это вместе для небольшого проекта, который я делал на основе приведенного выше кода:
Пожалуйста, дайте мне знать, если мне что-то не хватает или что-то можно улучшить.
Следующий код очищает всю форму, и его поля будут пустыми. Если вы хотите очистить только определенную форму, если на странице имеется несколько форм, укажите идентификатор или класс формы.
OnSuccess операции, которую мы вызываем функцию JavaScript с именем » ClearInput «
Используйте этот код там, где вы хотите вызвать нормальную функцию сброса с помощью jQuery
И напишите эту функцию на сайте jQuery в готовом документе
Пробовал сначала, он не очищает поля со значениями по умолчанию.
Вот способ сделать это с помощью jQuery:
Просто, но работает как шарм.
Если кто-то все еще читает эту ветку, вот простейшее решение, использующее не jQuery, а простой JavaScript. Если ваши поля ввода находятся внутри формы, есть простая команда сброса JavaScript:
Если вам не нужно сбрасывать форму, а заполнить все входные данные каким-либо значением, например пустым значением, вы можете использовать большинство решений из других комментариев.
Это не будет обрабатывать случаи, когда поля ввода формы имеют непустые значения по умолчанию.
Что-то вроде должно работать
По какой причине это не следует использовать?
Для jQuery 1.6+ :
Как очистить поля формы средствами jQuery?
Есть страница в которой есть некоторое количество разных элементов. Надо их вернуть в первоначальное состояние (как при загрузке страницы). Некрасиво же делать так:
для каждой формы? Есть варианты, как сделать это красивее?
8 ответов 8
то очистить ее можно средствами javascript:
Дополнено из комментария.
Послушайте, ну сделайте свой модификатор, добавьте всем нужным элементам какой-нибудь класс и очищайте их одной строчкой, как в предыдущем совете. Что за поиски неизвестного-великолепного?
Попробуйте вот такой вариант:
Всё ещё ищете ответ? Посмотрите другие вопросы с метками jquery javascript или задайте свой вопрос.
Связанные
Похожие
Подписаться на ленту
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
дизайн сайта / логотип © 2021 Stack Exchange Inc; материалы пользователей предоставляются на условиях лицензии cc by-sa. rev 2021.11.10.40715
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Очистить поля формы с JQuery
November 2018
776.6k раз
Это позволит очистить все поля на странице, а не только те из формы. Как бы мой селектор похож на только форму фактические кнопки сброса в жизни?
27 ответы
Добавить кнопку скрытого сброса следующим образом
Я получил самый простой трюк, чтобы сбросить форму
Скажем, если вы хотите, чтобы очистить поля и, кроме ВидСчет, в среднее время выпадающего списка будет сброшены на конкретное значение, т.е. «All’.Remaining поле должно быть сброшено на пустой т.е. текста box.This подхода будет использоваться для очистки конкретные сферы, как наше требование.
Ни один из вышеперечисленных работ на простом случае, когда страница включает в себя вызов пользовательского элемента управления веб, который включает в себя IHttpHandler обработку запросов (капчи). После отправки requsrt (для обработки изображений) код ниже не очищает поля формы (перед отправкой запроса HttpHandler) Everythings работает правильно.
Почему это должно быть сделано с любым JavaScript вообще?
Пробовал, что одна первая, она будет не ясно, поля со значениями по умолчанию.
Вот способ сделать это с JQuery, то:
код, который я вижу здесь и по связанным с SO вопросов кажется неполным.
Сброс формы означает, что установка исходных значений из HTML, поэтому я ставлю это вместе для небольшого проекта я делаю на основе вышеприведенного кода:
Пожалуйста, дайте мне знать, если я что-нибудь не хватает или что-нибудь может быть улучшена.
Для JQuery 1.6+ :
Следующий код очистить все формы, и это поле будет пустым. Если вы хотите, чтобы очистить только конкретную форму, если страница, имеющая более чем одну формы, пожалуйста, укажите идентификатор или класс формы
если вы используете селекторы и сделать значения пустых значений, не сбросить форму, он делает все поля пустыми. Сброс, чтобы сделать форму, как это было прежде, чем какое-либо действия со стороны редактирования пользователя после загрузки формы со стороны сервера. Если есть вход с именем «имя пользователя» и имя пользователя был предварительно заполнен со стороны сервера, большинство решений на этой странице будут удалены, что значение от входа, а не сбросить его значения, как это было до изменений пользователя. Если вам нужно сбросить форму, используйте:
если вам не нужно, чтобы сбросить форму, но заполнить все входы с некоторым значением, например, пустого значение, то вы можете использовать большинство решений от других комментариев.
Испытано и проверено код:
Если я хочу, чтобы очистить все поля, кроме accountType..Use следующие
Если кто-то еще читает эту тему, здесь самое простое решение, используя не JQuery, но обычный JavaScript. Если поля ввода внутри формы, есть простая команда JavaScript сброса:
Наиболее простой и лучшее решение IS-
$(«#form»)[0].reset();
Используйте этот код Если вы хотите позвонить нормальной функции сброса с помощью JQuery
И записать эту функцию Out сайта Jquery на Документе Готовый
Простой, но работает как шарм.
Если вы хотите, чтобы очистить все поля ввода, независимо от его типа, то это минут шаг за
Я написал универсальный JQuery плагин:
где editPOIForm является id атрибутом формы.
$ ( ‘Форма’). Представить (функция () <
OnSuccess операции мы называем функцию JavaScript с именем « ClearInput »
Это не будет обрабатывать случаи, когда форма поля ввода иметь не пустые значения по умолчанию.
Нечто подобное должно работать
С помощью JavaScript вы можете просто сделать это с этим синтаксисом getElementById(«your-form-id»).reset();
JQuery также предоставляет событие, вы можете использовать
Я попробовал, и это работает.
Примечание: Его Важно отметить, что эти методы только сбросить форму в исходное значение, установленное на сервере при загрузке страницы. Это означает, что если ваш вход был установлен на «установить значение» значения, прежде чем вы сделали случайное изменение, поле будет сброшено к тому же значению после метода сброса вызова.