首页 > 代码库 > jQuery Validate验证方法及教程
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验证方法及教程
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。