jquery validate 的select 验证

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

iteye_15912

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

阅读量1.7k

点赞数

文章标签： javascript 数据库 ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_15912/article/details/82337947

版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用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>

这种写法就好了