Как я могу проверить, выбрал ли пользователь что-то из <select>
поля в HTML5?
Я вижу <select>
, не поддерживает новый required
атрибут ... я должен использовать JavaScript тогда? Или мне чего-то не хватает? : /
javascript
html
select
required
Matt
источник
источник
selectedIndex
.Ответы:
Обязательное : первое значение должно быть пустым - обязательное работает с пустыми значениями
Предварительные условия : правильный HTML5 DOCTYPE и именованное поле ввода
Согласно документации (перечисление и жирный шрифт мои)
источник
<select>
Элемент действительно поддерживаетrequired
атрибут, в соответствии со спецификацией:Какой браузер не соблюдает это?
(Конечно, вы все равно должны проверить на сервере, так как вы не можете гарантировать, что у пользователей будет включен JavaScript.)
источник
Вы можете использовать
selected
атрибут для элемента option, чтобы выбрать вариант по умолчанию. Вы можете использоватьrequired
атрибут для элемента select, чтобы гарантировать, что пользователь что-то выбирает.В Javascript вы можете проверить
selectedIndex
свойство, чтобы получить индекс выбранного параметра, или вы можете проверитьvalue
свойство, чтобы получить значение выбранного параметра.Согласно спецификации HTML5,
selectedIndex
«возвращает индекс первого выбранного элемента, если он есть, или -1, если нет выбранного элемента. Иvalue
» возвращает значение первого выбранного элемента, если он есть, или пустую строку, если есть нет выбранного элемента. "Таким образом, если selectedIndex = -1, то вы знаете, что они ничего не выбрали.источник
-1
. Извините, я не уточнил в комментариях в первую очередь.Да, это работает:
Вы должны оставить первый вариант пустым.
источник
источник
сначала вы должны назначить пустое значение в первом варианте. т.е. выберите здесь, чем будет работать только необходимый.
источник
Сделайте значение первого элемента поля выбора пустым.
Поэтому, когда вы публикуете ФОРМУ, вы получаете пустое значение и, используя этот способ, вы знаете, что пользователь ничего не выбрал из выпадающего списка.
источник
Вам необходимо установить
value
атрибутoption
пустой строки:select
вернетvalue
выбранныйoption
на сервер, когда пользователь нажметsubmit
наform
. Пустойvalue
- это то же самое, что пустойtext
ввод -> поднятиеrequired
сообщения.w3schools
источник
попробуй это, это сработает, я попробовал это, и это работает.
источник
Прекрасно работает, если значение первого параметра равно нулю. Объяснение: HTML5 будет читать нулевое значение при нажатии кнопки. Если не ноль (атрибут value), предполагается, что выбранное значение не равно null, следовательно, проверка работала бы, т. Е. Проверяя наличие данных в теге option. Поэтому он не будет производить метод проверки. Тем не менее, я думаю, что другая сторона станет понятной, если атрибут value установлен в null, т. Е. (Value = ""), HTML5 обнаружит пустое значение в первой или, скорее, выбранной по умолчанию опции, выдавая сообщение проверки. Спасибо за вопрос. Рад был помочь. Рад знать, если я сделал.
источник
В html5 вы можете использовать полное выражение:
Я не знаю, почему короткое выражение не работает, но попробуйте это. Это решит.
источник
Попробуй это
источник
Вы можете сделать это также динамически с JQuery
Установить требуется
Удалить обязательно
источник