jQuery Validate验证方法及教程
//实名认证 验证
$(function(){ //中文姓名验证
jQuery.validator.addMethod("zh_verify", function(value, element) {
var tel = /^[\u4E00-\u9FA5\uf900-\ufa2d]{2,10}$/;
return this.optional(element) || (tel.test(value));
}, "请输入2~10个字的中文!"); //身份证号验证
jQuery.validator.addMethod("idcard_verify", function(value, element) {
var idcard = /^(\d{15}$|^\d{18}$|^\d{17}(\d|X|x))$/;
return this.optional(element) || (idcard.test(value));
}, "请输入正确格式的身份证号!"); //jquery.validate插件验证
$("#nameauth").validate({
errorElement: 'div',
errorClass: 'help-block',
focusInvalid: false,
ignore: "",
rules: {
tname: {
required: true,
zh_verify:true
},
idcard: {
required: true,
idcard_verify:true
},
con_idcard: {
required: true,
equalTo: '.idcard'
}
},
messages: {
tname: {
required: "真实姓名不能为空!",
rangelength: "请输入2~18个中文!"
},
idcard: {
required: "身份证不能为空!",
rangelength: "请输入15~18个字符的身份证!"
},
con_idcard: {
required: "确认证号不能为空!",
equalTo: '确认证号与身份证号不一致!'
}
},
errorLabelContainer: "#resultMsg",
submitHandler:function() {
//$(form).ajaxSubmit(); //同步提交FORM
var tname = $('input[name=tname]').val();
var idcard = $('input[name=idcard]').val();
var resultMsg = $('#resultMsg');
ajaxSubmitForm(tname, idcard, resultMsg);
}
});
}) //异步执行方法
function ajaxSubmitForm(tname, idcard, resultMsg) {
$.ajax({
url: "/member/nameauth",
data: "tname=" + tname + "&idcard=" + idcard + "&con_idcard=" + idcard,
type: "post",
cache: false,
dataType: "json",
success: function(data, textStatus){
if(data.return){
window.location.reload();
}else{
resultMsg.css({'color': 'red'}).html(data.errmsg).show().delay(2000).hide(0);
}
}
});
}
或者
$(function(){
//jquery.validate插件自定义AJAX验证(验证账户是否存在)
$.validator.addMethod("checkUserExist",function(value,element){
var user = value;
$.ajax({
type:"POST",
async:true,
dataType:'json',
url:"/account/verifyAccount",
data:"param=" + $('input[name=newpassword]').val(),
success:function(response){
if(response){
res = response.state;
}
}
});
return res;
},"账号不存在,请仔细检查!"); //jquery.validate插件验证
$("#signupForm").validate({
rules: {
newpassword: {
required: true,
rangelength:[6,30]
}
},
messages: {
newpassword: {
required: "请输入6~30个字符的交易密码!",
rangelength: "请输入6~30个字符的交易密码!"
}
},
submitHandler:function(form) {
$(form).ajaxSubmit();
}
});
})
jQuery Validate教程
http://www.w3cschool.cc/jquery/jquery-plugin-validate.html
jQuery Validate验证方法及教程的更多相关文章
- 修改jQuery.validate验证方法和提示信息
1.添加验证方法 在jquery.validate.js文件中直接添加验证方法,例如: jQuery.validator.addMethod("Specialstring", fu ...
- jquery validate验证方法
实例: equalTo方法 equalTo(其他)返回:布尔 说明:要求元素与另一个元素相同 等于(其他) 其他 类型:选择器 元素的选择器用于比较当前值 例子: 使“字段”必须与#other相同 1 ...
- jQuery.Validate 验证,以及 remote验证, 多参数传递
jQuery.Validate 验证: http://www.runoob.com/jquery/jquery-plugin-validate.html 教程网址,很简单, 今天主要在这里记录一下re ...
- jQuery Validate验证框架详解
转自:http://www.cnblogs.com/linjiqin/p/3431835.html jQuery校验官网地址:http://bassistance.de/jquery-plugins/ ...
- jquery.validate 验证机制
jquery.validate 验证机制 金刚 juqery juqery.validate 在开发系统时,使用了jquery.validate.js 这个验证插件,来校验数据合法性 重点 验证是以i ...
- 弹出框页面中使用jquery.validate验证控件
弹出框页面中使用jquery.validate验证控件有几个问题需要解决: 1,弹出框的提交事件完成后如何关闭弹出框页面? 2,提交不成功如何返回当前页? 3,如果知道验证事件成功? 之前笔者都是JS ...
- 【转】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" ...
- atitit.jQuery Validate验证框架详解与ati Validate 设计新特性
atitit.jQuery Validate验证框架详解与ati Validate 设计新特性 1. AtiValidate的目标1 2. 默的认校验规则1 2.1. 使用方式 1.metadata用 ...
随机推荐
- mysql常用查询语句
一.查询指定schema下表的个数 select count(TABLE_NAME) from information_schema.tables where table_schema="d ...
- “C++的数组不支持多态”?
先是在微博上看到了个微博和云风的评论,然后我回了“楼主对C的内存管理不了解”. 后来引发了很多人的讨论,大量的人又借机来黑C++,比如: //@Baidu-ThursdayWang:这不就c++弱爆了 ...
- Android NDK r9的配置与使用
Android NDK 配置: 网上有很多教程,但大部分是旧版本的内容,最新版本的已经改变,为了让大家少走弯路,在这里针对r9的配置进行记录分享. 要玩NDK,你或多或少要用到以下一些东西,所以先做一 ...
- [转]PostgreSQL教程:系统表详解
这篇文章主要介绍了PostgreSQL教程(十五):系统表详解,本文讲解了pg_class.pg_attribute.pg_attrdef.pg_authid.pg_auth_members.pg_c ...
- C#基础第一天-作业
1.从键盘上输入三个数,用if语句和逻辑表达式把最大数找出来.2.从键盘上输入三个数,用if语句和逻辑表达式把最小数找出来.3.输入一个成绩(0-100),然后用if else语句判断该成绩是优.良. ...
- SQL 教程数据库包括:Oracle, Sybase, SQL Server, DB2, Access 等等,您将学到如何使用 SQL 访问和处理数据系统中的数据
SQL 基础教程 SQL 教程 SQL 简介 SQL 语法 SQL select SQL distinct SQL where SQL AND & OR SQL Order By SQL in ...
- mysql查询今天、昨天、本周、本月、上一月 、今年数据
mysql数据库中的关于查询日期的一些操作如下: --今天 select * from 表名 where to_days(时间字段名) = to_days(now()); --昨天 --本周 SELE ...
- 参数化查询 '(@ActualShipTime datetime' 需要参数 @AuthorizationNumber,但未提供该参数。
转自 http://www.cnblogs.com/cxd4321/archive/2012/08/09/2629716.html 在平时的C#项目开发中,当调用某个存储过程或函数的时候,我们可能经常 ...
- Entity Framework 同一个上下文中,如何进行对同一个实体进行指定字段更新
转自 http://www.cnblogs.com/flyfish2012/archive/2013/03/13/2957125.html 我在上一篇EF更新指定的字段当中介绍了,如何在EF指定字段进 ...
- kibana 的search 的的搜索提示挡住输入框
解决方案就是 [root@10-19-148-59 styles]# pwd /data/package/kibana/src/public/styles [root@10-19-148-59 sty ...