JQuery的validate插件使用笔记
2015-09-07 11:35
585 查看
在页面中引入jquery的js文件,还有
<script src="<%=basePath%>/resource/foreground/js/jquery.validate.js"></script>
//表单验证
var validator;
function bdyz(){
validator= $("#registerform").validate({
rules: {
"tue.account": {
required: true,
minlength:2,
maxlength:10,
remote:
{ //验证用户名是否存在
type:"POST",
url:"tuser!verifyTuser.action",
data:{
account:function(){return$("#tue.account").val();}
}
}
},
"tue.psw": {
required: true,
minlength:2,
maxlength:16,
},
pswqr:{
equalTo:'#psw'
},
"tue.name": {
required: true,
minlength:3,
maxlength:11,
},
"tue.phone": {
required: true,
digits:true,
minlength:11,
maxlength:11,
},
"tue.idcard": {
required: true,
idcard:true,
},
},
messages: {
"tue.account": {
required: '请输入用户名',
minlength:'用户名不能小于2个字符',
maxlength:'用户名不能超过10个字符',
remote: '用户名已存在',
},
"tue.psw": {
required: '请输入密码',
minlength:'密码不能小于2个字符',
maxlength:'密码不能超过16个字符'
},
pswqr:{
equalTo:'请确认两次输入的密码一致',
},
"tue.name": {
required: '请输入姓名',
minlength:'姓名不能少于3个字符',
maxlength:'姓名不能超过11个字符',
},
"tue.phone": {
required: '请输入手机号码',
digits:'请输入数字',
minlength:'请输入11位数字',
maxlength:'输入位数大于12位',
},
"tue.idcard": {
required: '请输入证件号码',
idcard:'证件号不合法',
},
}
})
//自定义验证规则
$.validator.addMethod("idcard", function(value, element,params){
var isIDCard1=/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/;
var isIDCard2=/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{4}$/;
if(isIDCard1.test(value)||isIDCard2.test(value))
return true;
else
return false;
}, $.validator.format("请填写正确证件号码!"));
}
<script src="<%=basePath%>/resource/foreground/js/jquery.validate.js"></script>
//表单验证
var validator;
function bdyz(){
validator= $("#registerform").validate({
rules: {
"tue.account": {
required: true,
minlength:2,
maxlength:10,
remote:
{ //验证用户名是否存在
type:"POST",
url:"tuser!verifyTuser.action",
data:{
account:function(){return$("#tue.account").val();}
}
}
},
"tue.psw": {
required: true,
minlength:2,
maxlength:16,
},
pswqr:{
equalTo:'#psw'
},
"tue.name": {
required: true,
minlength:3,
maxlength:11,
},
"tue.phone": {
required: true,
digits:true,
minlength:11,
maxlength:11,
},
"tue.idcard": {
required: true,
idcard:true,
},
},
messages: {
"tue.account": {
required: '请输入用户名',
minlength:'用户名不能小于2个字符',
maxlength:'用户名不能超过10个字符',
remote: '用户名已存在',
},
"tue.psw": {
required: '请输入密码',
minlength:'密码不能小于2个字符',
maxlength:'密码不能超过16个字符'
},
pswqr:{
equalTo:'请确认两次输入的密码一致',
},
"tue.name": {
required: '请输入姓名',
minlength:'姓名不能少于3个字符',
maxlength:'姓名不能超过11个字符',
},
"tue.phone": {
required: '请输入手机号码',
digits:'请输入数字',
minlength:'请输入11位数字',
maxlength:'输入位数大于12位',
},
"tue.idcard": {
required: '请输入证件号码',
idcard:'证件号不合法',
},
}
})
//自定义验证规则
$.validator.addMethod("idcard", function(value, element,params){
var isIDCard1=/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/;
var isIDCard2=/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{4}$/;
if(isIDCard1.test(value)||isIDCard2.test(value))
return true;
else
return false;
}, $.validator.format("请填写正确证件号码!"));
}
相关文章推荐
- JQuery笔记
- JQuery封装插件
- HTML+CSS+jQuery 纵向导航 && 横向导航 && 消除IE6 BUG && 感悟怎样学习
- jquery实现简单的二级导航下拉菜单效果
- jQuery UI Accordion(手风琴)
- Jquery Ajax 提交
- Jquery Post提交
- jquery的$.extend和$.fn.extend作用及区别
- 滚动条到底部时左右滑出提示层jquery插件
- jQuery(8) 实现Ajax应用
- jQuery平滑旋转幻灯片特效代码分享
- jquery ajax传递的data参数中带json多维数组字符串
- jQuery介绍 DOM对象和jQuery对象的转换与区别
- jQuery满屏焦点图左右滚动特效代码分享
- jquery实现初次打开有动画效果的网页TAB切换代码
- jquery实现可自动收缩的TAB网页选项卡代码
- jquery动态导航插件dynamicNav用法实例分析
- jQuery.extend 函数及用法详细
- 基于jquery实现的树形菜单效果代码
- jquery京东商城双11焦点图多图广告特效代码分享