jquery validate(4) : 写自定义验证

来源：互联网发布：android 7.0源码分析编辑：程序博客网时间：2024/06/15 04:39
<!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">        $(function () {            $("#signupForm").validate({                onkeyup: true,                rules: {                    zipcode:{                        required: true,                        isZipCode: true                    }                },                messages: {                    zipcode: {                        required: "请填写邮编",                        isZipCode: "邮编不正确"                    }                }            });                        // 邮政编码验证               $.validator.addMethod("isZipCode", function(value, element) {                   var tel = /^[0-9]{6}$/;                return this.optional(element) || (tel.test(value));            }, "请正确填写您的邮政编码");        });            </script></head><body>    <form id="signupForm" method="get" action="">    <p>        <label for="firstname">            请输入邮编: </label>        <input id="zipcode" name="zipcode" />    </p>    <p>        <input class="submit" type="submit" value="Submit" />    </p>    </form></body></html>