//實(shí)名認(rèn)證 驗(yàn)證 $(function(){//中文姓名驗(yàn)證jQuery.validator.addMethod("zh_verify", function(value, element) {var tel = /^[\u4E00-\u9FA5\uf900-\ufa2d]{2,10}$/;return this.optional(element) || (tel.test(value)); }, "請(qǐng)輸入2~10個(gè)字的中文！");//身份證號(hào)驗(yàn)證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));}, "請(qǐng)輸入正確格式的身份證號(hào)！");//jquery.validate插件驗(yàn)證$("#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: "真實(shí)姓名不能為空！",rangelength: "請(qǐng)輸入2~18個(gè)中文！"},idcard: {required: "身份證不能為空！",rangelength: "請(qǐng)輸入15~18個(gè)字符的身份證！"},con_idcard: {required: "確認(rèn)證號(hào)不能為空！",equalTo: '確認(rèn)證號(hào)與身份證號(hào)不一致！'}},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); }}); })//異步執(zhí)行方法 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驗(yàn)證（驗(yàn)證賬戶(hù)是否存在）$.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;},"賬號(hào)不存在，請(qǐng)仔細(xì)檢查！");//jquery.validate插件驗(yàn)證$("#signupForm").validate({rules: {newpassword: {required: true,rangelength:[6,30]}},messages: {newpassword: {required: "請(qǐng)輸入6~30個(gè)字符的交易密碼！",rangelength: "請(qǐng)輸入6~30個(gè)字符的交易密碼！"}},submitHandler:function(form) {$(form).ajaxSubmit();}}); })

?

jQuery?Validate教程

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

轉(zhuǎn)載于:https://www.cnblogs.com/kingfly/p/4126661.html

總結(jié)

以上是生活随笔為你收集整理的jQuery Validate验证方法及教程的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。