Как очистить поля формы средствами jQuery?
Есть страница в которой есть некоторое количество разных элементов. Надо их вернуть в первоначальное состояние (как при загрузке страницы). Некрасиво же делать так:
для каждой формы? Есть варианты, как сделать это красивее?
8 ответов 8
Послушайте, ну сделайте свой модификатор, добавьте всем нужным элементам какой-нибудь класс и очищайте их одной строчкой, как в предыдущем совете. Что за поиски неизвестного-великолепного?
то очистить ее можно средствами javascript:
Дополнено из комментария.
Попробуйте вот такой вариант:
Всё ещё ищете ответ? Посмотрите другие вопросы с метками jquery javascript или задайте свой вопрос.
Связанные
Похожие
Подписаться на ленту
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
дизайн сайта / логотип © 2021 Stack Exchange Inc; материалы пользователей предоставляются на условиях лицензии cc by-sa. rev 2021.9.17.40238
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Очистка полей ввода с помощью JavaScript
Я смотрел на это в течение последних нескольких часов и не могу реально добиться того, что я ищу. В настоящее время у меня есть следующие два входа:
Изначально текст ввода серый, и у меня есть следующие функции JavaScript onfocus и onblur:
Я пытаюсь разработать способ, чтобы как только я начал вводить текст в поле, оставьте поле, а затем верните его, он не очистит вход снова (так как он будет содержать то, что пользователь набрал в нем). Я думал о достижении этого с помощью какой-то переменной, которую я могу чередовать между 1 и 0 в зависимости от состояния, но это казалось неаккуратным. Любое понимание этого начинающего JS очень ценится.
В inputFocused вы очищаете значение поля ввода независимо от состояния. Может быть, я неправильно понимаю ваше намерение, но почему бы вы не уклонились от значения при фокусировке элемента управления?
Добавляя код jscharf, вы можете использовать атрибут title поля ввода для сохранения значения по умолчанию для каждого входа. Это имеет удобство использования, позволяя людям понять, что должно содержать поле ввода, когда они наводят на него:
Кроме того, не уверен, что вы решили это сделать, но вы можете контролировать цвет фокуса ввода в CSS, если хотите (не работает в IE6, конечно… но вы можете переопределить только в IE6 таблица стилей):
Вы можете добавить любые настроенные атрибуты на свою HTML-страницу DOM, как вам нравится, дает вам большую гибкость.
Вы можете сделать проверку, чтобы узнать, является ли значение в поле в настоящее время начальным значением.
Очистить поле input после ajax
Помощь в написании контрольных, курсовых и дипломных работ здесь.
После вставки ответа ajax в input запроса, ответ ajax не изменяется
Здравствуйте! В общем так, есть поле input, есть таблица с полем count. Задача: изменить.
Как очистить одно поле input если другое поле пустое
К примеру, я пишу какой-то текст в поле 1, у меня в скрытое поле2 присваивается id. Если я сотру.
Как очистить поле Edit после выполнения функции?
Есть код: procedure TForm1.Button1Click(Sender: TObject); var S : String; begin S :=.
Не выводятся символы после » » в поле input
Добрый день! Возник такой вопрос. данные в базе хранятся в кодировке utf8_general_ci, кодировка.
У меня вот встречный вопрос: чем отличаются выделенные фрагменты кода и какова причина использования конкретного синтаксиса в каждом случае?
var mess = document.getElementById(«input_message»).value ;
url: ‘/ajax/send_message’,
type: ‘POST’,
cache:true,
data: < 'mess': mess >,
success: function() <
$(‘#input_message’).reset();
>
Помощь в написании контрольных, курсовых и дипломных работ здесь.
Как очистить input по клику
Здравствуйте, вот что мне нужно сделать: По клику в любой области, КРОМЕ тегов LI, BUTTON, INPUT и.
Очистить поле от текста
Каким образом можно очистить поле от текста который находится в div с классом.
HTML | Очистка поля ввода
Очистить все поле ввода без необходимости удаления всего объекта вручную. Или что, если в поле ввода уже есть предварительно предложенный ввод, который пользователь не хочет. Там может быть много сценариев. Поэтому в этой статье мы узнаем, как очистить поле ввода.
Есть два способа сделать это, и оба очень просты и коротки. Давайте проверим их обоих.
Метод 1: Очистка ввода на фокусе.
Синтаксис:
Подходить:
Пример:
body style = «text-align:center» >
h2 style = «color:green» >GeeksForGeeks h2 >
h2 style = «color:purple» >Clearing Input Field h2 >
p >The below input field will be cleared, as soon as it gets the focus p >
input type = «text» onfocus = «this.value=»» value = «Click here to clear» >
Выход:
Перед:
После:
Способ 2: очистка ввода с помощью кнопки.
Синтаксис:
Подходить:
body style = «text-align:center» >
h2 style = «color:green» >
h2 style = «color:purple» >
Clearing Input Field
p >The below input field will be
cleared, as soon as the button
Click here to clear
Выход:
Перед:
Как я могу очистить ввод HTML файла с помощью JavaScript?
Я хочу очистить входной файл в моей форме.
Я знаю об установке источников в один и тот же метод. Но этот метод не стирает выбранный путь к файлу.
Примечание. Я бы хотел избежать перезагрузки страницы, reset формы или выполнить вызов AJAX.
ОТВЕТЫ
Ответ 1
Как удалить этот node, создав новый с тем же именем?
Ответ 2
Там 3 способа очистки ввода файла с помощью javascript:
значение свойства set равно пустому или нулевому.
Работает для IE11 + и других современных браузеров.
Создайте новый элемент ввода файла и замените старый.
Недостатком является то, что вы потеряете прослушиватели событий и свойства expando.
Reset форма владельца с помощью метода form.reset().
Чтобы избежать влияния на другие элементы ввода в одной и той же форме владельца, мы можем создать новую пустую форму и добавить элемент ввода файла в эту новую форму и reset. Этот способ работает для всех браузеров.
Я написал функцию javascript. demo: http://jsbin.com/muhipoye/1/
Ответ 3
tl;dr: для современных браузеров просто используйте
Старый ответ:
Мне все еще нужно понять, почему это не работает с webkit.
В любом случае, это работает с IE9>, Firefox и Opera.
Ситуация с webkit такова, что я не могу изменить его обратно в файл.
С IE8 ситуация такова, что он выдает исключение безопасности.
Изменить: Для webkit, Opera и Firefox это работает, хотя:
(проверьте приведенный выше ответ с этим предложением)
Я посмотрю, смогу ли я найти более понятный способ сделать этот кросс-браузер без GC.
Edit2:
Работает с большинством браузеров. Не работает с IE & lt; 9, это все.
Протестировано на Firefox 20, Chrome 24, Opera 12, IE7, IE8, IE9 и IE10.
Ответ 4
Итак, вот функция javascript vanilla, которую я написал, которая работает на FireFox (27 и 28), Chrome (33), IE (8, 9, 10, 11), Opera (17). это единственные браузеров, доступных в настоящее время для тестирования.
Ответ 5
Установка значения » не работает во всех браузерах.
Вместо этого попробуйте установить значение null следующим образом:
EDIT: Я получаю очень обоснованные причины безопасности, не позволяя JS устанавливать входной файл, однако представляется разумным предоставить простой механизм для очистки уже выбора вывода. Я попытался использовать пустую строку, но она не работала во всех браузерах, null работал во всех браузерах, которые я пробовал (Opera, Chrome, FF, IE11 + и Safari).
EDIT: Обратите внимание, что установка на null работает во всех браузерах при установке на пустую строку.
Ответ 6
U нужно заменить его новым вводом файла. Вот как это можно сделать с помощью jQuery:
и используйте эту строку, когда вам нужно очистить поле ввода (например, на каком-либо событии):
Ответ 7
РЕШЕНИЕ
Следующий код работал у меня с jQuery. Он работает в каждом браузере и позволяет сохранять события и настраиваемые свойства.
Смотрите этот jsFiddle для кода и демонстрации.
Ссылки
Ответ 8
Изменить:
Это не работает в IE и опера, но, похоже, работает для firefox, safari и chrome.
Ответ 9
У меня была такая же проблема, и я придумал это.
Ответ 10
Это на самом деле довольно легко.
Ответ 11
Вышеупомянутые ответы предлагают несколько неуклюжие решения по следующим причинам:
Кросс-браузер JS удобен, и кажется, что в этом случае слишком много неизвестных, чтобы надежно использовать переключение type (что опять-таки немного грязно) и установка value в »
Итак, я предлагаю вам решение на основе jQuery:
Он делает то, что он говорит, он заменяет ввод клоном сам по себе. Клон не будет иметь выбранный файл.
Результат: Счастливый программист
Ответ 12
Я искал простой и понятный способ очистки ввода HTML файла, приведенные выше ответы великолепны, но ни один из них действительно не отвечает на то, что я ищу, пока я не наткнулся в Интернете на простой и элегантный способ сделать это:
вся заслуга принадлежит Крису Койеру.
Ответ 13
Мне помогло то, что я попытался извлечь и загрузить последний выбранный файл, используя цикл, вместо очистки очереди, и это сработало. Вот код
Надеюсь, это поможет некоторым.
Ответ 14
Я перепробовал большинство решений, но, похоже, никто не работал. Однако я нашел прогулку вокруг этого ниже.
Поэтому моя стратегия такова: изначально button отправки отключена, после выбора файла атрибут disabled кнопки отправки будет удален, так что я могу отправить файл. После отправки я очищаю label которая выглядит так, будто я очищаю input файла, но на самом деле это не так. Затем я снова отключу кнопку отправки, чтобы запретить отправку формы.
Установив disable button disable или нет, я запрещаю отправку файла много раз, если не выберу другой файл.