我有一个这样的元素选择:
<select name="select">
<option value="opt1">Select One Value Only</option>
<option value="opt2">Type 2</option>
<option value="opt3">Type 3</option>
</select>
我希望用户选择一个选项,例如 opt2、opt3...但是 opt1,如何使用 html 5 验证来验证选择?
我认为在这里添加验证的唯一方法是将默认选项值设置为空字符串并将required
属性添加到select
元素。现在您可以单击提交按钮查看验证:
<form>
<label >Choose an option:</label>
<select name="select" required>
<option value="" disabled selected>Select One Value Only</option>
<option value="opt2">Type 2</option>
<option value="opt3">Type 3</option>
</select>
<input type="submit">
</form>
这里的问题是,当您将默认选项的值设置为空字符串以外的其他值时,验证会将其推断为已经选择了有效值,因此此时不会触发验证。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句