Как очистить поля формы средствами jQuery?
Есть страница в которой есть некоторое количество разных элементов. Надо их вернуть в первоначальное состояние (как при загрузке страницы). Некрасиво же делать так:
для каждой формы? Есть варианты, как сделать это красивее?
8 ответов 8
то очистить ее можно средствами javascript:
Дополнено из комментария.
Послушайте, ну сделайте свой модификатор, добавьте всем нужным элементам какой-нибудь класс и очищайте их одной строчкой, как в предыдущем совете. Что за поиски неизвестного-великолепного?
Попробуйте вот такой вариант:
Всё ещё ищете ответ? Посмотрите другие вопросы с метками jquery javascript или задайте свой вопрос.
Связанные
Похожие
Подписаться на ленту
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
дизайн сайта / логотип © 2021 Stack Exchange Inc; материалы пользователей предоставляются на условиях лицензии cc by-sa. rev 2021.11.10.40696
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Очистки полей формы с помощью jQuery
Я хочу очистить все поля ввода и textarea в форме. Он работает следующим образом при использовании кнопки ввода с reset класс:
Это позволит очистить все поля на странице, а не только те из формы. Как будет выглядеть мой селектор только для формы, в которой живет фактическая кнопка сброса?
27 ответов
для jQuery 1.6+:
для jQuery :
по какой причине это не следует использовать?
Это не будет обрабатывать случаи, когда поля ввода формы имеют непустые значения по умолчанию.
что-то вроде должно работать
Если вы используете селекторы и принимать пустые значения, это не сброс формы все поля пустыми. Сброс сделать форму, как это было до редактирования действий пользователя после загрузки с сервера. Если есть вход с именем «username» и это имя пользователя было заполнено со стороны сервера, большинство решений на этой странице удалит это значение из ввода, а не сбросит его до значения, как это было до изменений пользователя. Если необходимо сбросить форму, используйте это:
Если вам не нужно сбросить форму, но заполнить все входные данные некоторым значением, например пустым значением, то вы можете использовать большинство решений из других комментариев.
простой, но работает как шарм.
Если кто-то все еще читает этот поток, вот самое простое решение, использующее не jQuery, а простой JavaScript. Если ваши поля ввода находятся внутри формы, существует простая команда сброса JavaScript:
почему это нужно делать с любым JavaScript вообще?
сначала попробовал это, он не очистит поля со значениями по умолчанию.
вот способ сделать это с помощью jQuery, то:
Я получил самый простой трюк для сброса формы
Очистить поля формы с помощью jQuery
Я хочу очистить все поля ввода и textarea в форме. Это работает следующим образом при использовании кнопки ввода с классом reset :
Это очистит все поля на странице, а не только поля формы. Как бы выглядел мой селектор только для той формы, в которой живет кнопка фактического сброса?
Для jQuery 1.6+:
По какой причине это не должно быть использовано?
Это не будет обрабатывать случаи, когда поля ввода формы имеют непустые значения по умолчанию.
Что-то вроде должно работать
если вы используете селекторы и задаете значения для очистки значений, это не сбрасывает форму, а делает все поля пустыми. Сброс состоит в том, чтобы сделать форму такой, какой она была до каких-либо действий пользователя по редактированию после загрузки формы со стороны сервера. Если есть вход с именем «username» и это имя пользователя было предварительно заполнено со стороны сервера, большинство решений на этой странице будут удалять это значение из ввода, а не сбрасывать его до значения, которое было до изменений пользователя. Если вам нужно сбросить форму, используйте это:
если вам не нужно сбрасывать форму, а заполнять все входные данные некоторым значением, например, пустым значением, тогда вы можете использовать большинство решений из других комментариев.
Просто, но работает как шарм.
Если кто-то все еще читает эту ветку, вот самое простое решение, использующее не jQuery, а простой JavaScript. Если ваши поля ввода находятся внутри формы, есть простая команда сброса JavaScript:
Почему это вообще нужно делать с любым JavaScript?
Сначала попробовал, он не очистит поля со значениями по умолчанию.
Вот способ сделать это с помощью jQuery:
Если вы хотите очистить все поля ввода независимо от их типа, то шаг за шагом
Очистить поля формы с помощью jQuery
Я хочу очистить все поля ввода и textarea в форме. При использовании кнопки ввода с классом reset она работает следующим образом:
Это очистит все поля на странице, а не только те, что находятся в форме. Как будет выглядеть мой селектор только для той формы, в которой живет фактическая кнопка сброса?
25 ответов
Я определил свои элементы формы с помощью метода массива html следующим образом: Как я могу очистить весь массив Apikey с помощью jQuery? Вопрос в том, как их очистить? Все возможные поля форм должны быть.
Для jQuery 1.6+ :
Есть причины, по которым это не следует использовать?
Это не будет обрабатывать случаи, когда поля ввода формы имеют непустые значения по умолчанию.
Что-то вроде должно сработать
если вы используете селекторы и делаете значения пустыми, это не сбрасывает форму, это делает все поля пустыми. Сброс заключается в том, чтобы сделать форму такой, какой она была до любых действий редактирования пользователем после загрузки формы со стороны сервера. Если есть ввод с именем «username» и это имя пользователя было предварительно заполнено со стороны сервера, большинство решений на этой странице удалят это значение из ввода, а не сбросят его до значения, которое было до изменений пользователя. Если вам нужно сбросить форму, используйте это:
если вам нужно не сбрасывать форму, а заполнить все входные данные некоторым значением, например пустым значением, то вы можете использовать большинство решений из других комментариев.
Просто, но работает как заклинание.
Если кто-то все еще читает эту тему, вот самое простое решение, использующее не jQuery, а обычный JavaScript. Если ваши поля ввода находятся внутри формы, существует простая команда JavaScript reset:
Пожалуйста, дайте мне знать, как очистить значение поля в форме при загрузке формы с помощью jQuery. Я звоню в службу загрузки формы и хочу очистить значение для одного из полей.
Почему это вообще нужно делать с любым JavaScript?
Попробовал сначала, он не очистит поля со значениями по умолчанию.
Вот способ сделать это с jQuery, тогда:
Если вы хотите очистить все поля ввода независимо от его типа, то это займет всего минуту
У меня есть самый простой трюк, чтобы сбросить форму
С Javascript вы можете просто сделать это с помощью этого синтаксиса getElementById(«your-form-id»).reset();
JQuery также предоставляет событие, которое вы можете использовать
Я попробовал, и это сработало.
Примечание: Важно отметить, что эти методы сбрасывают форму только до начального значения, установленного сервером при загрузке страницы. Это означает, что если ваш ввод был установлен на значение ‘set value’ до того, как вы произвели случайное изменение, поле будет сброшено на то же значение после вызова метода сброса.
Надеюсь, это поможет
Проверенный и проверенный код:
Если вы не можете заставить работать все остальные функции сброса, то эта будет работать.
Адаптировано из ответа нгена
Используйте этот код, если вы хотите Вызвать обычную функцию сброса на jQuery
И Запишите эту функцию на сайте jQuery в Готовом документе
OnSuccess операции мы вызываем функцию JavaScript с именем » ClearInput «
если вы сделаете все это правильно, то вы не сможете остановить его работу.
Замените идентификатором формы для сброса.
Следующий код очистит всю форму, и ее поля будут пустыми. Если вы хотите очистить только определенную форму, если на странице имеется несколько форм, пожалуйста, укажите идентификатор или класс формы
Если я хочу очистить все поля, кроме accountType..Use, выполните следующие действия
Похожие вопросы:
Как очистить значение элементов формы в определенном div с помощью jQuery, у меня есть более 25 полей в моей форме, мне нужна функция, которая очищает все типы значений элементов формы. Я попытался.
После сохранения данных из формы я хочу очистить поля. Я использую knockout js для привязки полей формы к модели. Каков наилучший подход к очистке полей формы?
Мы используем JSF / Primefaces в нашем веб-приложении и испытываем проблемы с очисткой полей формы. Если использовать type=reset, то он очищает текстовые поля, но не раскрывающиеся списки.
Я использую следующий код jQuery для переключения дисплеев div на основе события изменения, связанного с 3 переключателями: (function ($) < Drupal.behaviors.change_form_fields = < attach.
Я определил свои элементы формы с помощью метода массива html следующим образом: Как я могу очистить весь.
Пожалуйста, дайте мне знать, как очистить значение поля в форме при загрузке формы с помощью jQuery. Я звоню в службу загрузки формы и хочу очистить значение для одного из полей.
Я хочу очистить все входные данные формы после отправки всех входных данных в файл php как я могу очистить эти данные с помощью функции jquery?
Как сбросить форму с помощью jQuery with.метод reset()
у меня был рабочий код, который мог сбросить мою форму, когда я нажимаю кнопку сброса. Однако после того, как мой код становится длиннее, я понимаю, что он больше не работает.
в настоящее время я использую
может ли это возможно, это одна из причин?
13 ответов
вы можете попробовать использовать trigger ()Ссылка
поместите его в JS fiddle. Сработало как задумано.
Итак, ни одна из вышеупомянутых проблем здесь не виновата. Может, у вас проблемы с идентификацией? Действительно ли клик выполняется?
Edit: (потому что я грустный Мешок без надлежащего комментирования) это не проблема непосредственно с вашим кодом. Он отлично работает, когда вы берете его из контекста страницы, которую вы используете в настоящее время, поэтому, вместо того, чтобы быть чем-то с конкретными данными формы jQuery/javascript & attributed, это должно быть что-то другое. Я бы начал рассекать код вокруг него и попытаться найти, где это происходит. Я имею в виду, просто чтобы убедиться, я полагаю, вы могли бы.
в функции click и убедитесь, что он нацелен на правильную форму.
и если это так, это должно быть что-то, чего здесь нет.
редактировать часть 2: Одна вещь, которую вы можете попробовать (если это не так таргетинг на него правильно) используется «вход:перезагрузки» вместо того, что вы используете. кроме того, я бы предложил, потому что это не цель, которая неправильно работает, чтобы узнать, на что нацелен фактический клик. Просто откройте firebug / developer tools, что вы, бросьте в
и посмотреть, что всплывает. и тогда мы сможем уйти оттуда.
согласно этому сообщению здесь, в jQuery нет reset() метод; но родной JavaScript делает. Итак, преобразуйте элемент jQuery в объект JavaScript, используя:
Это одна из тех вещей, которые на самом деле проще сделать в ванильном Javascript, чем jQuery. у jQuery нет reset метод, но элемент формы HTML делает, поэтому вы можете сбросить все поля в такой форме:
кнопка сброса не требует никакого скрипта вообще (или имя или идентификатор):
и вы сделали. Но если вы действительно должны использовать скрипт, обратите внимание, что каждый элемент управления формы имеет форма свойство, которое ссылается на форму, в которой оно находится, поэтому вы можете сделать:
но кнопка сброса-гораздо лучший выбор.
Я, наконец, решить эту проблему!! @RobG был прав насчет form tag and table тег. на form бирка должна быть помещена вне таблицы. С
работает без необходимости jquery или чего-либо еще. просто нажмите на кнопку и tadaa
вся форма сбрасывается;) блестящий!
С помощью jQuery функция .ближайший(элемент) и .находить.(..).
получение родитель элемент и ищем ребенок.
и, наконец, делать функции, необходимые.
Я использую этот простой код:
вы можете просто добавить тип ввода = reset с как это
и форма обнуляется Примечание: Вы также можете скрыть кнопку сброса с используя css
самый простой способ, которым я могу думать, что это надежно. Поместите в тег формы.
вот простое решение с Jquery. Он работает глобально. Взгляните на код.
добавьте четкий класс к кнопке в каждой форме, которую вам нужно сбросить. Например: