JQuery validate验证 自定义
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验证 自定义的更多相关文章
- jQuery Validate验证框架详解
转自:http://www.cnblogs.com/linjiqin/p/3431835.html jQuery校验官网地址:http://bassistance.de/jquery-plugins/ ...
- 弹出框页面中使用jquery.validate验证控件
弹出框页面中使用jquery.validate验证控件有几个问题需要解决: 1,弹出框的提交事件完成后如何关闭弹出框页面? 2,提交不成功如何返回当前页? 3,如果知道验证事件成功? 之前笔者都是JS ...
- jquery.validate.js默认配置,jquery.validate.js自定义提示信息
jquery.validate.js默认配置,jquery.validate.js自定义提示信息 配置jQuery.validator默认的处理方法 >>>>>>& ...
- 【转】jQuery Validate验证框架详解
jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script type=& ...
- jQuery Validate验证框架与 jQuery ajaxSubmit的联合使用
jQuery Validate验证框架自定义验证 第一步导入导入js库 <script src="<%=basePath%>static/js/jquery.js" ...
- jQuery Validate验证方法及教程
//实名认证 验证 $(function(){ //中文姓名验证 jQuery.validator.addMethod("zh_verify", function(value, e ...
- jQuery.Validate 验证,以及 remote验证, 多参数传递
jQuery.Validate 验证: http://www.runoob.com/jquery/jquery-plugin-validate.html 教程网址,很简单, 今天主要在这里记录一下re ...
- jQuery Validate验证框架详解(转)
jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script type=& ...
- jQuery Validate验证框架详解,提交前验证
现在都用h5表单进行验证了,以下方式仅做回忆 https://www.runoob.com/jquery/jquery-plugin-validate.html <!DOCTYPE HTML P ...
随机推荐
- iOS高效调试
写代码难免出现bug. 储备些调试技能绝对能够提高你的工作效率,让bug无所遁形.下面就和大家分享一些我在工作中常用的iOS调试小技能. 1. 打印 最简单,基础的调试方法就是打印日志了.贴出两段封装 ...
- ios 弹出键盘 视图向上平移
[[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(keyboardwillAppear:) name:U ...
- 求sqrt()底层效率问题(二分/牛顿迭代)
偶然看见一段求根的神代码,于是就有了这篇博客: 对于求根问题,通常我们可以调用sqrt库函数,不过知其然需知其所以然,我们看一下求根的方法: 比较简单方法就是二分咯: 代码: #include< ...
- 标准BT.656并行数据结构
转自网络,感谢原作者和转载者. 还有参考:百科http://baike.baidu.com/link?url=bqBT3S7pz_mRJoQE7zkE0K-R1RgQ6FmHNOZ0EjhlSAN_o ...
- highcharts的简单使用
在使用过的图表js插件中,个人认为还是highcharts最好,无论从兼容性,渲染速度,甚至是文档详细上来说,都一直觉得highcharts更胜一筹.现在花点时间做一下简单的总结,比如从一个矩形图开始 ...
- Android4.4 以太网和DHCP启动过程介绍
转自:http://blog.csdn.net/wlwl0071986/article/details/51451843 Android4.4已经加入了以太网的支持.现在对以太网的初始化流程.网络策略 ...
- 如何把一个android工程作为另外一个android工程的lib库
http://zhidao.baidu.com/question/626166873330652844 一个工程包含另一个工程.相当于一个jar包的引用.但又不是jar包反而像个package 在网上 ...
- mysql基础一
一.概述 1.什么是数据库 ? 答:数据的仓库,如:在ATM的示例中我们创建了一个 db 目录,称其为数据库 2.什么是 MySQL.Oracle.SQLite.Access.MS SQL Serve ...
- HTML5+CSS3的响应式网页设计:自动适应屏幕宽度
这几天都在修改博客上面的样式.本来用的是d83.0的模板.自己又修改了许多地方,其中自己修改的一些地方在手机里面显示的效果不是很理想,于是想改成自适应的效果.对CSS3不是特别的熟练,只能去网上找找案 ...
- win7-32 系统 + VS2010 配置 glew
网上下载的程序,运行时报错: C1083: 无法打开包括文件:“gl\glew.h”: No such file or directory. 百度一下,发现需要配置 glew 库. 方法如下: 下载 ...