jquery validate 的select 验证

最新推荐文章于 2021-09-02 15:26:12 发布

原创最新推荐文章于 2021-09-02 15:26:12 发布 · 1.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #数据库 #ViewUI

本文探讨了如何在jQueryValidate中正确验证Select元素，包括如何处理禁用选项和确保选择项的存在。

用jquery validate 做select的验证的时候，

<select name="sortId">
    <option disabled="disabled">第一个<option>
    <option value="1">第二个</option>
    <option value="2">第三个</option>
</select>

如果用这种写法，在jquery中

$().ready(function() {
	$("#addProductForm").validate({
               rules: {
				sortId: {required: true, minlength:1}
                          }
            });

这样是会通过的，因为jquery验证的是是否有一个被选中项

换成

<select name="sortId">
    <option></option>
    <option disabled="disabled">第一个<option>
    <option value="1">第二个</option>
    <option value="2">第三个</option>
</select>

这种写法就好了