Checkbox required html: forms — Using the HTML5 «required» attribute for a group of checkboxes?

HTML DOM Требуется флажок ввода Свойство

❮ Объект ввода флажка

Пример

Узнайте, должен ли быть установлен флажок перед отправкой форма:

var x = document.getElementById(«myCheck»).required;

Попробуйте сами »


Определение и использование

Требуемое свойство устанавливает или возвращает, должен ли быть установлен флажок перед отправкой формы.

Это свойство отражает обязательный атрибут HTML.


Поддержка браузера

Свойство
требуется Да 10,0 Да Да Да

Синтаксис

Вернуть необходимое свойство:

checkboxObject .required

Установить необходимое свойство:

checkboxObject . required = true|false

Значения свойств

Значение Описание
правда|ложь Указывает, должен ли быть установлен флажок перед отправкой формы
  • true — флажок должен быть установлен перед отправкой формы
  • ложь — по умолчанию. Флажок не является обязательной частью отправки формы

Технические характеристики

Возвращаемое значение: Логическое значение, возвращает true, если флажок должен быть установлен перед отправкой формы, в противном случае возвращает false

Дополнительные примеры

Пример

Установить флажок в качестве обязательной части отправки формы:

document.getElementById(«myCheck»).required = true;

Попробуйте сами »


Связанные страницы

Ссылка HTML: HTML обязательный атрибут


❮ Объект флажка ввода


НОВИНКА

Мы только что запустили
Видео W3Schools

Узнать

ВЫБОР ЦВЕТА
КОД ИГРЫ

Играть в игру




Top Tutorials
Учебное пособие по HTML
Учебное пособие по CSS
Учебное пособие по JavaScript
Учебное пособие
Учебное пособие по SQL
Учебное пособие по Python
Учебное пособие по W3.
CSS
Учебное пособие по Bootstrap
Учебное пособие по PHP
Учебное пособие по Java
Учебное пособие по C++
Учебное пособие по jQuery

Лучшие ссылки
HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference

Top2 Examples Примеры HTML

Примеры CSS
Примеры JavaScript
Примеры How To
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery


FORUM | О

W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания.

Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.

Авторское право 1999-2022 по данным Refsnes. Все права защищены.
W3Schools работает на основе W3.CSS.

html — только HTML5 — атрибут «Обязательный» при вводе флажка предотвращает повторную отправку формы после сбоя проверки

Задавать вопрос

спросил

Изменено 4 года, 9несколько месяцев назад

Просмотрено 5к раз

Ищем ответы ТОЛЬКО для HTML5, никаких JS-решений, пожалуйста!

Я только начинаю программировать, поэтому я действительно не знаю, что нужно гуглить, чтобы получить ответ на этот вопрос — я уже провел несколько хороших часов, пытаясь понять это только в HTML5, но что я Я обнаружил, что все задействованные javascript или не решили мою проблему.

Вопрос:

Есть ли способ в HTML5 сбросить значение проверки после того, как форма была отправлена ​​один раз и не была отправлена ​​/ отклонена из-за отсутствующего значения в «обязательном» атрибуте? Я хочу, чтобы повторная отправка стала возможной после того, как кто-то поставит флажок в нужном поле, если он не был отмечен ранее, без обновления страницы.

Форма, о которой идет речь, находится ниже, извините за дерьмовые аспекты;

 
<голова>
   

Зарегистрироваться

<тело>

Имя

Пол

Данные для входа

setCustomValidity('Мы скоро встретимся')" oninput="setCustomValidity('')">

День рождения

<выбрать имя="bday1"> <опция>
<выбрать> <опция> <опция>1 <опция>0 <выбрать> <опция>

setCustomValidity('ЭТО БУДЕТ ВЫПОЛНЕНО')" oninput="setCustomValidity('')" updateon="form.submit()">

КОНКРЕТНАЯ часть, с которой у меня возникли проблемы, находится вот здесь:

 

Я не уверен, есть ли что-то внутри остальной части формы, что удерживает именно эту часть от неработоспособности — все остальные действуют так, как должны. Если он пуст, он появляется с пользовательскими предупреждениями, которые я настроил, и после того, как я его заполню, это больше не вызывает у меня никаких проблем. Флажок — единственный, у которого появляется постоянное сообщение с отказом отправить его снова. Если я проверю это БЕЗ отправки формы, все будет работать так, как предполагалось, когда я отправлю ее.

Спасибо за помощь!

  • html
  • формы
  • флажок
  • требуется

Вы должны изменить oninput на onchange для входных тегов, например: 83 83

3 <голова>

Зарегистрироваться

<тело>

Имя

Пол

Данные для входа

setCustomValidity(‘Мы скоро встретимся’)» oninput=»setCustomValidity(»)»>

День рождения

<выбрать имя="bday1"> <опция> <выбрать> <опция> <опция>1 <опция>0 <выбрать> <опция>

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *