日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

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

编程问答

jQuery Validate验证方法及教程

發布時間:2025/3/20 编程问答 45 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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验证方法及教程的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。