我正在使用jQuery插件Validation来验证表单。我有一个如下所示的选择列表:
<select id="select">
<option value="">Choose an option</option>
<option value="option1">Option1</option>
<option value="option2">Option2</option>
<option value="option3">Option3</option>
</select>
现在,我希望确保用户选择任何选项,而不是"Choose an option“(默认选项)。因此,如果您选择第一个选项,它将不会进行验证。如何做到这一点?
发布于 2009-08-13 12:31:54
只需将一个required类添加到select
<select id="select" class="required">
发布于 2009-08-13 12:36:39
对于初学者,您可以“禁止”该选项被用户意外选择:
<option value="" disabled="disabled">Choose an option</option>
然后,在您的JavaScript事件(不管它是jQuery还是JavaScript)中,为了让您的表单验证是否设置了它,请执行以下操作:
select = document.getElementById('select'); // or in jQuery use: select = this;
if (select.value) {
// value is set to a valid option, so submit form
return true;
}
return false;
或者其他类似的东西。
发布于 2015-03-23 02:16:24
<select id='bookcategory' class="form-control" required="">
<option value="" disabled="disabled">Category</option>
<option value="1">LITERATURE & FICTION</option>
<option value="2">NON FICTION</option>
<option value="3">ACADEMIC</option>
<option value="4">CHILDREN & TEENS</option>
</select>
HTML表单验证可以由浏览器自动执行。尝试上面的代码:
其余的都将自动完成,不需要创建任何js函数,只需此下拉菜单和提交按钮即可。
https://stackoverflow.com/questions/1271640
复制相似问题