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

最新推荐文章于 2020-06-17 11:10:08 发布

吉普赛的歌

最新推荐文章于 2020-06-17 11:10:08 发布

阅读量1k

点赞数

分类专栏： # jQuery Validate

本文链接：https://blog.csdn.net/yenange/article/details/8850205

版权

jQuery Validate 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

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