jqeury validate(2): 将校验规则写到js代码中

来源：互联网发布：我的人工智能贾维斯编辑：程序博客网时间：2024/06/10 07:47

required:true必须有值
required:"#aa:checked"表达式的值为真，则需要验证
required:function(){}返回为真，表时需要验证
后边两种常用于，表单中需要同时填或不填的元素

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title>将校验规则写到控件中</title>    <script src="jqValidate/jquery.min.js" type="text/javascript"></script>    <script src="jqValidate/jquery.metadata.js" type="text/javascript"></script>    <script src="jqValidate/jquery.validate.js" type="text/javascript"></script>    <script src="jqValidate/jquery.validate.messages_cn.js" type="text/javascript"></script>    <script type="text/javascript">        //1. messages处，如果某个控件没有message，将调用默认的信息        $(function () {            $("#signupForm").validate({                rules: {                    firstname: "required",                    email: {                        required: true,                        email: true                    },                    password: {                        required: true,                        minlength: 5                    },                    confirm_password: {                        required: true,                        minlength: 5,                        equalTo: "#password"                    }                },                messages: {                    firstname: "请输入姓名",                    email: {                        required: "请输入Email地址",                        email: "请输入正确的email地址"                    },                    password: {                        required: "请输入密码",                        minlength: jQuery.format("密码不能小于{0}个字 符")                    },                    confirm_password: {                        required: "请输入确认密码",                        minlength: "确认密码不能小于5个字符",                        equalTo: "两次输入密码不一致不一致"                    }                }            });        });            </script></head><body>    <form id="signupForm" method="get" action="">    <p>        <label for="firstname">            Firstname</label>        <input id="firstname" name="firstname" />    </p>    <p>        <label for="email">            E-Mail</label>        <input id="email" name="email" />    </p>    <p>        <label for="password">            Password</label>        <input id="password" name="password" type="password" />    </p>    <p>        <label for="confirm_password">            确认密码</label>        <input id="confirm_password" name="confirm_password" type="password" />    </p>    <p>        <input class="submit" type="submit" value="Submit" />    </p>    </form></body></html>