Курсы javascript
Добрый день, стоит задача очистить форму input, если пользователь заполняет вход, но нажимает его снова, он стирается
Знаю как реализовать данную задачу через редактирование input.
function clearField(input) < input.value = ""; >;
И нужно только что бы поле input, стиралось у #edit-field-iblako-slov-tid, само поле редактировать не могу.
18.09.2021, 21:45
Интересующийся
Регистрация: 20.07.2018
Сообщений: 16
Как решение есть такое:
18.09.2021, 21:48
Регистрация: 27.05.2010
Сообщений: 33,011
ajaxst,
. подожду переводчика
19.09.2021, 13:19
Интересующийся
Регистрация: 20.07.2018
Сообщений: 16
Перевод:
поле input пустое, пользователь вводит данные, запускает поиск и все нормально, значения в поле сохраняют свое значение, после ввода нового значение в это же поле, при первом нажатии значение сразу же удаляется (очищается) и ему не нужно механически (нажатием клавиш) ничего удалять.
Как сделать — Очистку поле ввода
Если вы хотите сообщить об ошибке или внести предложение, не стесняйтесь отправлять на электронное письмо:
Ваше предложение:
Спасибо Вам за то, что помогаете!
Ваше сообщение было отправлено в SchoolsW3.
ТОП Учебники
ТОП Справочники
ТОП Примеры
Получить сертификат
SchoolsW3 оптимизирован для бесплатного обучения, проверки и подготовки знаний. Примеры в редакторе упрощают и улучшают чтение и базовое понимание. Учебники, ссылки, примеры постоянно пересматриваются, чтобы избежать ошибок, но не возможно гарантировать полную правильность всего содержания. Некоторые страницы сайта могут быть не переведены на РУССКИЙ язык, можно отправить страницу как ошибку, так же можете самостоятельно заняться переводом. Используя данный сайт, вы соглашаетесь прочитать и принять Условия к использованию, Cookies и политика конфиденциальности.
Очистка формы после отправки на чистом JavaScript
Очистка формы после отправки от введенной пользователем информации является вполне логичной. Для этой цели мы будем использовать простой и удобный метод.
Метод HTMLFormElement.reset()
Для очистки полей формы на чистом JavaScript достаточно дописать в обработчик событий submit этот метод, применив его к элементу, который вызывает его. В нашем случае — это форма.
document.addEventListener('submit', (e) => < // Отключаем событие по умолчанию e.prevent.Default(); // Очищаем поля формы e.target.reset(); >);
Этот способ позволяет легко произвести очистку форму после отправки или вернуть до значений по умолчанию. Если первоначально в полях формы были указаны дефолтные значения, которые пользователь изменил, то произойдет откат к их исходному состоянию. Обнулятся только те поля, которые изначально были пустыми.
Поддержка браузерами
Метод HTMLFormElement.reset() для очистки формы после отправки работает во всех современных браузерах, в том числе в IE9 и выше.
Как очистить поля input нажатием кнопки после введения данных?
Добрый день! У меня есть поля input, в которых вводятся месяц и год. По нажатию кнопки строится календарь. Как сделать так, чтобы по нажатию кроме построения календаря также проихсодила и очистка введеных полей?
И сразу второй вопрос — почему, когда я «обертывать» мои инпуты в тег , код не работает, календарь не строится и ничего не происходит?
- Вопрос задан более трёх лет назад
- 18527 просмотров
Комментировать
Решения вопроса 2
document.getElementById('input_month').value = ""; document.getElementById('input_year').value = "";2. По второму вопросу не понял, у Вас элементы и так обернуты тегами и работают, можете привести пример?
Ответ написан более трёх лет назад
Нравится 1 1 комментарий
Мария @missbells Автор вопроса
Спасибо большое!
А по второму вопросу вот я чуть исправила и так у меня не работает — plnkr.co/edit/7NXHUOJ5UJyTJhd96J2Y?p=preview
Не могу понять почему и чем мешает скрипту тег form
var inputs = document.querySelectorAll('input[type=text]'); for (var i = 0; i < inputs.length; i++) < inputs[i].value = ''; >;