validate验证怎么做？这段代码什么意思？

Question

validate验证怎么做？这段代码什么意思？

8222026

发布于
2016-08-22

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UTF-8">
<title>Title</title>
<script src="jquery.min.js"></script>
<script src="jquery.validate.js"></script>
<style>
    .sp{
        color:red;
    }
</style>

</head>
<body>
<form method="post" id="form1" action="demo3.php">

用户名:<input type="text" name="username" id="username">
<br>
邮箱:<input type="text" name="youxiang" id="youxiang">
<br>
手机号:<input type="text" name="phone" id="phone">
<br>
个人主页:<input type="text" name="url" id="url">
<br>
邮编:<input type="text" name="zipcode" id="zipcode">
<br>
<a href="javascript:void(0)" id="btn">注册</a>

</form>
</body>
</html>
<script>

$('#btn').click(function(){
    if($('#form1').valid()){//***这里的valid()函数是内置的吗？什么意思？***
        $("#form1").submit();
    }
});
$('#form1').validate({//***这里validate()是内置吗？***
    rules:{
        username:{
           required : true,
            isusername:true,
        },
        youxiang:{
            email:true
        },
        phone:{
            required : true,
            digits:true
        },
        url:{
            url:true
        } ,
        zipcode:{
            required : true,
            isZipCode:true
        } ,
    },
    messages:{
        username:{
            required:"<span class=\"sp\">用户名不能为空</span>",
        },
        youxiang:{
            required:"邮箱不能为空",
            email:'邮箱格式不正确',
        },
        phone:{
            required:"手机号不能为空",
            digits:'只能为纯数字',
        },
        url:{
            url:'网址格式不正确',
        },
        zipcode:{
            required:'邮编不能为空',
            isZipCode:'邮编不对'
        },
    }
});
// 邮政编码验证
jQuery.validator.addMethod("isZipCode", function(value, element) {
    var tel = /^[0-9]{6}$/;
    return this.optional(element) || (tel.test(value));
}, "请正确填写您的邮政编码");
// 用户名验证
jQuery.validator.addMethod("isusername", function(value, element) {
    var tel = /^\w{6}$/;
    return this.optional(element) || (tel.test(value));
}, "请正确填写您的用户名");

</script>

请问：
上面代码的valid()函数是内置的吗？什么意思？还有valiate（）呢？
使用validate插件有什么思路和基本格式呢？
现在做表单验证，以前都是自己写正则，不太方便，validate网上的有点乱，各位大牛能给小白详解一下吗？这东西有什么套路吗？

validate

阅读 3k

1 个回答

valid()函数是validate.js自带的，判断如果为真，既验证通过执行if里面的语句。还有valiate（）是用来写验证规则的，比如是否为空，是否为必填，格式是否正确，验证不通过弹出的提示信息等等

撰写回答