У меня есть форма, которая должна разрешать пользователю доступ к check, но мне нужно предупреждать, если они нажимают «Отправить», но не выбирают ни один из вариантов переключателя.
<label class = "radio-inline"><input type = "radio" name = "optradio" value = "Amount" >Amount</label>
<label class = "radio-inline"><input type = "radio" name = "optradio" value = "Quantity" >Quantity</label>
<label class = "radio-inline"><input type = "radio" name = "optradio" value = "Profit" >Profit</label>
Как я могу этого добиться? Спасибо.
@GuyL Но как мне узнать, проверен ли radio?
Отметьте этот вопрос на примере stackoverflow.com/questions/21166860/…






Самый простой подход - использовать проверку HTML5: https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Form_validation
Вот пример:
<form>
<label class = "radio-inline"><input type = "radio" name = "optradio" value = "Amount" required>Amount</label>
<label class = "radio-inline"><input type = "radio" name = "optradio" value = "Quantity" required>Quantity</label>
<label class = "radio-inline"><input type = "radio" name = "optradio" value = "Profit" required>Profit</label>
<input type = "submit">
</form>Примечание. Добавление свойства required только к одной из радиокнопок также будет работать, но добавление к каждому из них делает его более понятным.
Чтобы иметь больший контроль над тем, как отображается сообщение об ошибке, вам придется написать настраиваемую проверку с помощью JS.
Редактировать: Проверка HTML5 не выполняется в IE <= 9 (но опять же, это IE ;-)) - https://caniuse.com/#feat=form-validation. Спасибо @JustCarty
Ваше здоровье.
Спасибо, это простое решение.
Рад помочь, если этот ответ решил вашу проблему, отметьте его как принятый, нажав галочку рядом с ответом. см .: Как работает принятие ответа? для дополнительной информации.
Обратите внимание, что это атрибут HTML5, и он не будет работать в IE <= 9. См. могу ли я использовать.
Оповещение можно сделать с помощью JavaScript. Вы пробовали JS-решение?