欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

jQuery Validate验证方法及教程

发布时间:2025/3/20 编程问答 53 豆豆
生活随笔 收集整理的这篇文章主要介绍了 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(); //同步提交FORMvar 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

转载于:https://www.cnblogs.com/kingfly/p/4126661.html

总结

以上是生活随笔为你收集整理的jQuery Validate验证方法及教程的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。