我有一个表单,必须让用户进入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>
我该如何实现?谢谢。
答案 0 :(得分:1)
最直接的方法是使用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
干杯。