jquery.validate动态加规则

最新推荐文章于 2022-09-07 18:24:07 发布

原创最新推荐文章于 2022-09-07 18:24:07 发布 · 592 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

JS 专栏收录该内容

37 篇文章

订阅专栏

本文介绍了一种使用jQuery在表单验证中动态添加和移除验证规则的方法。具体实现了当选择不同角色时，根据角色的不同来决定是否需要进行年级和班级的选择验证。

 // 动态添加验证规则  
    $("#roleSel").change(function () {  
        var role = $("#roleSel").val();  
        if (role == 2) {  
            $("#gradeSel").rules("add", {  
                required : true,  
                messages : {  
                    selected : "年级必须选择."  
                }  
            });  
            $("#classSel").rules("add", {  
                required : true,  
                messages : {  
                    selected : "班级必须选择."  
                }  
            });  
        } else {  
            $("#gradeSel").rules("remove");  
            $("#classSel").rules("remove");  
        }  
    });

主要用到rule的add和remove方法，参数为验证规则和验证消息。注意：必须在调用了$("#form").validate()之后再动态添加.