jquery vilidate 使用小例

前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。

             // 修改$("#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 使用小例相关推荐

jquery-1 jquery几个小实例
jquery-1 jquery几个小实例一.总结一句话总结:jquery真的是简单加简便. 1.jquery中改变多个css属性怎么整? 可以链式连接方式,也可以大括号整多个.中间是键值对加引号 ...
Vue.js 极简小例： 4 种方式样式绑定、style 的多种方式实现
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 代码: <template><div id="app"> ...
docker-compose 使用小例
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 只是一个很简单的小例. 1. 原本有的容器 2. docker-compose.yml 写法: ge ...
libSVM分类小例C++
from:http://www.doczj.com/list_31/ 使用libSVM求解分类问题的C++小例 1.libSVM简介训练模型的结构体 struct svm_problem//储存参加 ...
[原创]jQuery推箱子小游戏（100关且可扩展可选关）,休闲,对战,娱乐,小游戏,下载即用,兼容iPad移动端,代码注释全（附源码）
Sokoban 介绍 [原创]jQuery推箱子小游戏(100关且可扩展可选关),休闲,对战,娱乐,小游戏,下载即用,兼容iPad移动端,代码注释全(附源码) 游戏说明经典的推箱子是一个来自日本的古 ...
jQuery[详解]+小案例
jQuery的总结 1.初始jQuery 2.jQuery的选择器 3.jQuery的事件和动画 4.使用jQuery操作Dom 小案例 ...
3每天Python小例-爬取淘宝网页商品
代码是从https://github.com/gxcuizy/Python/tree/master/%E4%BB%8E%E9%9B%B6%E5%AD%A6Python-%E6%8E%98%E9%87% ...
基于jQuery的弹窗小插件
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8" ...
python正则表达式小例几则
原文地址为: python正则表达式小例几则会用到的语法正则字符释义举例 + 前面元素至少出现一次 ab+:ab.abbbb 等 * 前面元素出现0次或多次 ab*:a.ab.abb 等 ? ...

jquery vilidate 使用小例

jquery vilidate 使用小例相关推荐

最新文章

热门文章