前些天發現了一個巨牛的人工智能學習網站，通俗易懂，風趣幽默，忍不住分享一下給大家。點擊跳轉到教程。?

// 修改$("#updForm").validate({submitHandler:function(form){new $.flavr({ content : '是否確認修改管理員?',dialog : 'confirm', onConfirm : function() {$.ajax({url : "/system/doAuthAdminUpd",type : "post",data : { "id" : $("#updAuthId").val(),"name" : $("input[name=updName]").val(),"account" : $("input[name=updAccount]").val(),"roleIds" : $("select[name=updRoleIds]").val().toString() },success : function(result) {if (result.status == 200) {$.tooltip(result.msg, true); // 顯示提示$('#updTable').modal('hide'); // 隱藏表單myTable.ajax.url('/system/getAuthAdminList').load(); //重新加載} else {$.tooltip(result.msg, false);}}});}});},debug:false,rules:{updName:{required:true,maxlength:10},updAccount:{required:true,maxlength:20,isNumberAndLetter:true,remote:{url:"/system/checkAuthAdminAccount",type:"get",data:{account:function(){ return $("input[name=updAccount]").val().trim();}}}},updRoleIds:{required:true}},messages:{updName:{required:"請輸入昵稱",maxlength:$.validator.format("長度不能大于{0}個字符")},updAccount:{required:"請輸入帳號",maxlength:$.validator.format("長度不能大于{0}個字符"),remote:"管理員帳號已存在"},updRoleIds:{required:"請選擇角色"}},errorPlacement:function(error,element){layer.tips(error.text(),element,{tips:1,time:2000,tipsMore:true});}});})// 修改$("#updForm").validate({submitHandler:function(form){new $.flavr({ content : '是否確認修改管理員?',dialog : 'confirm', onConfirm : function() {$.ajax({url : "/system/doAuthAdminUpd",type : "post",data : { "id" : $("#updAuthId").val(),"name" : $("input[name=updName]").val(),"account" : $("input[name=updAccount]").val(),"roleIds" : $("select[name=updRoleIds]").val().toString() },success : function(result) {if (result.status == 200) {$.tooltip(result.msg, true); // 顯示提示$('#updTable').modal('hide'); // 隱藏表單myTable.ajax.url('/system/getAuthAdminList').load(); //重新加載} else {$.tooltip(result.msg, false);}}});}});},debug:false,rules:{updName:{required:true,maxlength:10},updAccount:{required:true,maxlength:20,isNumberAndLetter:true,remote:{url:"/system/checkAuthAdminAccount",type:"get",data:{account:function(){ return $("input[name=updAccount]").val().trim();}}}},updRoleIds:{required:true}},messages:{updName:{required:"請輸入昵稱",maxlength:$.validator.format("長度不能大于{0}個字符")},updAccount:{required:"請輸入帳號",maxlength:$.validator.format("長度不能大于{0}個字符"),remote:"管理員帳號已存在"},updRoleIds:{required:"請選擇角色"}},errorPlacement:function(error,element){layer.tips(error.text(),element,{tips:1,time:2000,tipsMore:true});}});})

?

引用的js: ?

?

<!-- jQuery --> <script charset="utf-8" src="/js/jquery.min.js"></script> <!-- jQuery Validate --><script charset="utf-8" src="/js/jquery.validate-1.13.1.min.js"></script><script charset="utf-8" src="/js/additional-methods.js"></script><!-- jQuery Validate --><script charset="utf-8" src="/js/jquery.validate-1.13.1.min.js"></script><script charset="utf-8" src="/js/additional-methods.js"></script> <!-- Validate Alert --> <script charset="utf-8" src="/js/livedemo.js"></script> <script charset="utf-8" src="/js/flavr.min.js"></script>

?

?

?

?

?

?

效果類似于：（以上代碼和以下效果不是同一個頁面驗證，但效果就是這種）

?

總結

以上是生活随笔為你收集整理的jquery vilidate 使用小例的全部內容，希望文章能夠幫你解決所遇到的問題。

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