jQuery.validator.addMethod+校验--有道笔记整理
2015-11-19 17:04
741 查看
// 手机号码验证
jQuery.validator.addMethod("isMobile", function(value, element) {
value = jQuery.trim(value);
var length = value.length;
return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value));
}, "请输入正确的手机号码!");
// 不能包含全角字符
jQuery.validator.addMethod("hasChn", function(value, element) {
return (escape(value).indexOf("%u") < 0);
}, "不能包含中文字符");
// 只能输入中文
jQuery.validator.addMethod("onlyChn", function(value, element) {
return ((/^[\u4e00-\u9fa5]+$/.test(value)));
}, "只能输入中文字符");
//**************************************
// 信息验证
//**************************************
$(".verify").each(function(i){
$(this).html("<span style='color:red'>*</span>"+$(this).html());
});
//聚焦第一个输入框
$("#loginName").focus();
//为userInfoFrom注册validate函数
$("#sysAddUserInfo").validate({
onsubmit: false,
rules: {
loginName:{
required:true,
hasChn:true,
rangelength:[2,30]
},
realName:{
required:true,
onlyChn:true,
rangelength:[2,10]
},
email:{
email:true,
rangelength:[0,20]
},
phone:{
isMobile:true
}
}
});
jQuery.validator.addMethod("isMobile", function(value, element) {
value = jQuery.trim(value);
var length = value.length;
return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value));
}, "请输入正确的手机号码!");
// 不能包含全角字符
jQuery.validator.addMethod("hasChn", function(value, element) {
return (escape(value).indexOf("%u") < 0);
}, "不能包含中文字符");
// 只能输入中文
jQuery.validator.addMethod("onlyChn", function(value, element) {
return ((/^[\u4e00-\u9fa5]+$/.test(value)));
}, "只能输入中文字符");
//**************************************
// 信息验证
//**************************************
$(".verify").each(function(i){
$(this).html("<span style='color:red'>*</span>"+$(this).html());
});
//聚焦第一个输入框
$("#loginName").focus();
//为userInfoFrom注册validate函数
$("#sysAddUserInfo").validate({
onsubmit: false,
rules: {
loginName:{
required:true,
hasChn:true,
rangelength:[2,30]
},
realName:{
required:true,
onlyChn:true,
rangelength:[2,10]
},
email:{
email:true,
rangelength:[0,20]
},
phone:{
isMobile:true
}
}
});
相关文章推荐
- jquery text val html区别
- jquery的$.extend和$.fn.extend作用及区别
- jquery的height()和javascript的height总结,js获取屏幕高度
- jquery-ui-multiselect 实现select下拉多选
- JS +XML +Jquery 实现三级联动菜单,自己封装的一个对象方便使用
- 十五个常用的jquery代码段
- jquery easyui tree reload以后选中之前选择的节点
- jquery获取各种鼠标位置
- jquery实现横向图片轮播特效代码分享
- 学习笔记:《jQuery基础教程》第四版第四章课后练习——样式与动画
- Jquery页面加载另一个页面
- Jquery 全选反选实例代码
- jQuery处理点击父级checkbox所有子级checkbox都选中,取消选中所有子级checkbox都取消
- jquery easy UI datagrid+action错误分析
- DOM对象和JQuery对象的区别
- 参数 of jQuery.ajax()
- 使用jquery ajaxForm提交表单
- Jquery实现仿京东商城省市联动菜单
- JQuery datepicker 用法
- Jquery制作--焦点图左右轮播