http://www.w3cschool.cc/jquery/jquery-plugin-validate.html

http://blog.163.com/zhao_jinggui/blog/static/169620429201172942347465/

$().ready(function() {

 jQuery.validator.addMethod("isMobile", function(value, element) {
var length = value.length;
var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/;
return this.optional(element) || (length == 11 && mobile.test(value));
}, "请正确填写您的手机号码"); jQuery.validator.addMethod("isphone", function(value, element) {
var length = value.length;
var phone = /(^(\d{3,4}-)?\d{6,8}$)|(^(\d{3,4}-)?\d{6,8}(-\d{1,5})?$)|(\d{11})/;
return this.optional(element) || (phone.test(value));
}, "请填写正确的电话号码"); jQuery.validator.addMethod("ischinese", function(value, element) {
var chinese = /^[\一-\龥]+$/i;
return this.optional(element) || (chinese.test(value));
}, "只能输入汉字"); jQuery.validator.addMethod("ismypassword", function(value, element,param) {
// var specialstr = /[!,.@#$%^&*?_~]/;
// var numberstr= /^(\d+[a-zA-Z]\w*)|([a-zA-Z]+\d\w*)$/;
// return this.optional(element) && (numberstr.test(value)) && (specialstr.test(value));
var regu1 =/[A-Za-z]/;
var regu2=/\d/;
var regu3=/[!,.@#$%^&*?_~]/;
var b1=regu1.test(value);
var b2=regu2.test(value);
var b3=regu3.test(value);
var b=b1&&b2&&b3;
return b == eval(param);
}, "密码必须输入字母和数字"); $("#myform").validate( { rules : {
userName : {
required : true,
minlength : 6,
maxlength : 200
},
userEmail : {
required : true,
email : true
},
userPwd : {
required : true,
minlength : 8,
ismypassword : true
},
confuserPwd : {
required : true,
minlength : 8,
equalTo: "#userPwd"
},
userRname : {
required : true,
minlength : 6,
maxlength : 200,
ischinese:true
},
userMphone : {
required : true,
isMobile : true
},
userPhone : {
required : true,
isphone : true
}
}, messages : {
userName : {
required : "请输入用户名称",
minlength : "字符长度不能小于6个字符",
maxlength : "字符长度不能大于200个字符"
},
userEmail : {
required : "请输入邮箱地址",
email : "请输入正确的邮箱地址"
},
userPwd : {
required : "请输入密码",
minlength : "字符长度不能小于8个字符",
ismypassword : "密码必须由数字、英文字母和特殊字符(!,.@#$%^&*?_~)组成"
},
confuserPwd : {
required : "请输入确认密码",
minlength : "字符长度不能小于8个字符",
equalTo :"两次密码输入不一致"
},
userRname : {
required : "请输入真实姓名",
minlength : "字符长度不能小于6个字符",
maxlength : "字符长度不能大于200个字符",
ischinese: "只能输入汉字"
},
userMphone : {
required : "请输入手机号码",
isMobile : "请输入正确的手机号码"
},
userPhone : {
required : "请输入电话号码",
isphone : "请输入正确的电话号码"
}
},
errorElement : "em",
success : function(em) {
em.text(" ") .addClass("success");
}
}); }); /*表单验证样式*/
em {
font-style:normal; /*字体不倾斜*/
font-weight: 500;
padding-right: 1em;
vertical-align: middle;
color: red;
}
em.error {
background: url("../images/unchecked.gif") no-repeat 0px 0px;
padding-left: 16px;
}
em.success {
background: url("../images/standard_msg_ok.gif") no-repeat 0px 0px;
padding-left: 16px;
}

  

JQuery validate验证 自定义的更多相关文章

  1. jQuery Validate验证框架详解

    转自:http://www.cnblogs.com/linjiqin/p/3431835.html jQuery校验官网地址:http://bassistance.de/jquery-plugins/ ...

  2. 弹出框页面中使用jquery.validate验证控件

    弹出框页面中使用jquery.validate验证控件有几个问题需要解决: 1,弹出框的提交事件完成后如何关闭弹出框页面? 2,提交不成功如何返回当前页? 3,如果知道验证事件成功? 之前笔者都是JS ...

  3. jquery.validate.js默认配置,jquery.validate.js自定义提示信息

    jquery.validate.js默认配置,jquery.validate.js自定义提示信息 配置jQuery.validator默认的处理方法 >>>>>>& ...

  4. 【转】jQuery Validate验证框架详解

    jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script type=& ...

  5. jQuery Validate验证框架与 jQuery ajaxSubmit的联合使用

    jQuery Validate验证框架自定义验证 第一步导入导入js库 <script src="<%=basePath%>static/js/jquery.js" ...

  6. jQuery Validate验证方法及教程

    //实名认证 验证 $(function(){ //中文姓名验证 jQuery.validator.addMethod("zh_verify", function(value, e ...

  7. jQuery.Validate 验证,以及 remote验证, 多参数传递

    jQuery.Validate 验证: http://www.runoob.com/jquery/jquery-plugin-validate.html 教程网址,很简单, 今天主要在这里记录一下re ...

  8. jQuery Validate验证框架详解(转)

    jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script type=& ...

  9. jQuery Validate验证框架详解,提交前验证

    现在都用h5表单进行验证了,以下方式仅做回忆 https://www.runoob.com/jquery/jquery-plugin-validate.html <!DOCTYPE HTML P ...

随机推荐

  1. C语言中一个替换 strcpy的极好的方法

    在C语言中有个方法:strcpy() 使用时经常容易内存申请不足,或是没有申请内存导致,复制的时候报错,我新写了一个方法,弥补这个缺陷 char *strcpy1(char *strDes, char ...

  2. Struts2拦截器之ModelDrivenInterceptor

    叙述套路: 1.这是个啥东西,它是干嘛用的? 2.我知道它能干啥了,那它咋个用呢? 3.它能跑起来了,但是它是咋跑起来的是啥原理呢? 一.ModelDriven是个啥?他能做什么? 从前端页面到后端的 ...

  3. Android N 新特性 + APP开发注意事项

    1. 多窗口MultiWindow 多窗口MultiWindow,这是Android N里对开发者影响比较大的特性,也是大家疑问比较多的地方.站在开发者的角度其实不必太担心这个特性会导致我们需要修改很 ...

  4. python实现支持并发、断点续传的Ftp程序

    一.要求 1.用户md5认证 2.支持多用户同时登陆(并发) 3.进入用户的命令行模式,支持cd切换目录,ls查看目录子文件 4.执行命令(ipconfig) 5.传输文件: a.支持断点续传 b.传 ...

  5. Javascript事件冒泡机制

    1. 事件 在浏览器客户端应用平台,基本生都是以事件驱动的,即某个事件发生,然后做出相应的动作. 浏览器的事件表示的是某些事情发生的信号.事件的阐述不是本文的重点,尚未了解的朋友,可以访问W3scho ...

  6. bootstrap 练习

    bookList.html <!DOCTYPE html> <html lang="zh-cn"> <head> <!-- 父路径 --& ...

  7. zoj 3882 博弈 *

    看了半天约数居然包括1,水了 #include<cstdio> #include<iostream> #include<algorithm> #include< ...

  8. PMP 第十章 项目沟通管理

    1识别干系人 2规划沟通 3发布信息 4管理干系人期望 5报告绩效 1.沟通的维度有哪些?沟通技巧有哪些? 2.规划沟通管理的目的是什么?沟通渠道的计算(重点).影响沟通技术的因素有哪些?沟通模型的步 ...

  9. PMP 第九章 项目人力资源管理

    1制定人力资源计划 2组建项目团队 3建设项目团队 4管理项目团队 1.规划人力资源管理的作用是什么?组织图和职位描述的表现形式有哪些?RAM和RACI的关系是什么?人力资源管理计划的内容有哪些? 人 ...

  10. 回忆一次面试Android研发的问题

    有NDK开发JNI程序经验优先 intent   intentfileter 阿里云 线程,异步 1.图片缓冲2.解压3.获取搜索记录 4.在安卓开发过程中用到那些框架