Очистить поля формы с помощью 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?
Есть страница в которой есть некоторое количество разных элементов. Надо их вернуть в первоначальное состояние (как при загрузке страницы). Некрасиво же делать так:
для каждой формы? Есть варианты, как сделать это красивее?
8 ответов 8
то очистить ее можно средствами javascript:
Дополнено из комментария.
Послушайте, ну сделайте свой модификатор, добавьте всем нужным элементам какой-нибудь класс и очищайте их одной строчкой, как в предыдущем совете. Что за поиски неизвестного-великолепного?
Попробуйте вот такой вариант:
Всё ещё ищете ответ? Посмотрите другие вопросы с метками jquery javascript или задайте свой вопрос.
Связанные
Похожие
Подписаться на ленту
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
дизайн сайта / логотип © 2021 Stack Exchange Inc; материалы пользователей предоставляются на условиях лицензии cc by-sa. rev 2021.11.18.40788
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Очистить поля формы с помощью jQuery
Я хочу очистить все поля ввода и текстовое поле в форме. При использовании кнопки ввода с классом reset это работает следующим образом:
Это очистит все поля на странице, а не только поля формы. Как бы мой селектор выглядел именно в той форме, в которой находится настоящая кнопка сброса?
30 ответов
$ (‘форма’). submit (function () <
Добавьте скрытую кнопку сброса следующим образом
Я написал универсальный плагин jQuery:
Ничего из вышеперечисленного не работает в простом случае, когда страница включает вызов пользовательского веб-элемента управления, который включает обработку запроса IHttpHandler (капча). После отправки запроса (для обработки изображений) приведенный ниже код не очищает поля формы (перед отправкой запроса HttpHandler) все работает правильно.
Код, который я вижу здесь и на связанные вопросы SO, кажется неполным.
Сброс формы означает установку исходных значений из HTML, поэтому я собрал это вместе для небольшого проекта, который я делал на основе приведенного выше кода:
Пожалуйста, дайте мне знать, если мне что-то не хватает или что-то можно улучшить.
Следующий код очищает всю форму, и его поля будут пустыми. Если вы хотите очистить только определенную форму, если на странице имеется несколько форм, укажите идентификатор или класс формы.
OnSuccess операции, которую мы вызываем функцию JavaScript с именем » ClearInput «
Используйте этот код там, где вы хотите вызвать нормальную функцию сброса с помощью jQuery
И напишите эту функцию на сайте jQuery в готовом документе
Пробовал сначала, он не очищает поля со значениями по умолчанию.
Вот способ сделать это с помощью jQuery:
Просто, но работает как шарм.
Если кто-то все еще читает эту ветку, вот простейшее решение, использующее не jQuery, а простой JavaScript. Если ваши поля ввода находятся внутри формы, есть простая команда сброса JavaScript:
Если вам не нужно сбрасывать форму, а заполнить все входные данные каким-либо значением, например пустым значением, вы можете использовать большинство решений из других комментариев.
Это не будет обрабатывать случаи, когда поля ввода формы имеют непустые значения по умолчанию.
Что-то вроде должно работать
По какой причине это не следует использовать?
Для jQuery 1.6+ :
How to reset (clear) form through JavaScript?
13 Answers 13
form.reset() is a DOM element method (not one on the jQuery object), so you need:
Note: reset() function does not work if form contains any field with attribute:
Pure JS solution is as follows:
Note, function form.reset() will not work if some input tag in the form have attribute name=’reset’
Reset (Clear) Form throught Javascript & jQuery :
You may try using trigger() Reference Link
Clear the form as follows
Use JavaScript function reset() :
You could use the following:
Try this code. A complete solution for your answer.
Use this simple trick to reset the form
You can clear the whole form using onclick function.Here is the code for it.
window.location.reload() function will refresh your page and all data will clear.
Linked
Related
Hot Network Questions
Subscribe to RSS
To subscribe to this RSS feed, copy and paste this URL into your RSS reader.
site design / logo © 2021 Stack Exchange Inc; user contributions licensed under cc by-sa. rev 2021.11.18.40788
By clicking “Accept all cookies”, you agree Stack Exchange can store cookies on your device and disclose information in accordance with our Cookie Policy.
