validate表单验证怎么使用？有人能说一下这段代码什么意思吗？
<!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网上的有点乱，各位大牛能给小白详解一下吗？这东西有什么套路吗？
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
终于找到一个我能回答的啦，开心(∩_∩)
推荐你看菜鸟教程里的这个jQuery validate教程
第一个valid()是判断验证有效的意思，插件自带的。
第二个是使用插件时的初始化方法，必须那么写。