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>

?

?

?

?

?

?

效果類似于:(以上代碼和以下效果不是同一個頁面驗證,但效果就是這種)

?

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/451895.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/451895.shtml
英文地址,請注明出處:http://en.pswp.cn/news/451895.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

RedHat Linux 7.3基礎環境搭建

文章目錄1&#xff0e;更改主機名2&#xff0e;關閉selinux3&#xff0e;關閉火墻4&#xff0e;重啟機器5&#xff0e;設置ip6&#xff0e;掛載yum源7&#xff0e;升級openssh8&#xff0e;安全基線9&#xff0e;時區10&#xff0e;時間同步11&#xff0e;安裝Vmtools12&#x…

開源http協議庫curl和wget的區別和使用

curl和wget基礎功能有諸多重疊&#xff0c;如下載等。 在高級用途上的curl由于可自定義各種請求參數所以長于模擬web請求&#xff0c;用于測試網頁交互&#xff08;瀏覽器&#xff09;&#xff1b;wget由于支持ftp和Recursive所以長于下載&#xff0c;用于下載文件&#xff08;…

Spring聲明式事務管理、事務的傳播行為xml配置

前些天發現了一個巨牛的人工智能學習網站&#xff0c;通俗易懂&#xff0c;風趣幽默&#xff0c;忍不住分享一下給大家。點擊跳轉到教程。 1. <tx:method name"insert*" propagation"REQUIRED" />中name的值是ServiceImpl中各個要加入事物管理的方法…

數據結構與算法--9.常見時間復雜度及其之間的關系

文章目錄1.常見時間復雜度2.常見時間復雜度之間的關系1.常見時間復雜度 2.常見時間復雜度之間的關系

CodeIgniter中運用composer安裝依賴包

2019獨角獸企業重金招聘Python工程師標準>>> 基本信息 CodeIgniter 版本&#xff1a;3.1.8Nginx&#xff1a; Tengine/2.1.2 (nginx/1.6.2)MySQL&#xff1a; Ver 14.14 Distrib 5.6.33, for Linux (x86_64) using EditLine wrapperPHP&#xff1a; 5.6.30Zend Engi…

屏幕分辨率

http://cn.screenresolution.org/ 轉載于:https://www.cnblogs.com/qiqi715/p/9363587.html

數據結構與算法--10.利益最大值

1.題目 亞馬遜是一家納斯達克上市的公司&#xff0c;通過其財務報表我們可以解讀它在給定時期內的股票走勢信息。這些信息包括每天交易的最高價&#xff0c;最低價以及開盤價。假定你作為交易員&#xff0c;必須在股票開盤的時候做出買入或者賣出的決定。你負責設計一個算法&a…

shiro管理下MD5加密的使用

前些天發現了一個巨牛的人工智能學習網站&#xff0c;通俗易懂&#xff0c;風趣幽默&#xff0c;忍不住分享一下給大家。點擊跳轉到教程。 1. 正文&#xff1a; package com.service.impl;import java.util.ArrayList;import java.util.List;import javax.annotation.Resource…

BZOJ2425:[HAOI2010]計數——題解

https://www.lydsy.com/JudgeOnline/problem.php?id2425 https://www.luogu.org/problemnew/show/P2518 你有一組非零數字&#xff08;不一定唯一&#xff09;&#xff0c;你可以在其中插入任意個0&#xff0c;這樣就可以產生無限個數。比如說給定{1,2},那么可以生成數字12,21…

java繼承的問題

一個父類對象變量可以引用該父類的任何一個子類的對象。 但是子類是不能引用父類對象的&#xff0c;這違反類 is-a的規則。

用 @Value(“${xxxx}“)注解從配置文件讀取值的用法

前些天發現了一個巨牛的人工智能學習網站&#xff0c;通俗易懂&#xff0c;風趣幽默&#xff0c;忍不住分享一下給大家。點擊跳轉到教程。 1. 用法&#xff1a; 從配置properties文件中讀取init.password 的值。 Value("${init.password}")private String initPwd…

scanf 輸入加逗號(或者不加逗號)出現的異常及解決方案

我們在寫 C 語言代碼通常 scanf 的格式控制部分都有兩種習慣&#xff0c;加逗號與不加逗號&#xff0c;而這兩種情況都會因為我們的不同輸入習慣產生一定的問題&#xff0c;這里給出另一種方法。 1、不加逗號 1 #include<stdio.h>2 3 #define SWAP(a, b) aa^b;ba^b;aa^b;…

ant介紹

一般情況下&#xff0c;大多數軟件公司做開發的時候都不用myeclipse開發&#xff0c;這是利用ant部署就給我們帶來極大的方便&#xff0c;它先將你的project打包成war包&#xff0c;然后部署到指定的服務器中。Ant的概念 當一個代碼項目大了以后&#xff0c;每次重新編譯&…

IT大牛說的話,不得不記

編程經典語錄收集 01. Walking on water and developing software from a specification are easy if both are frozen. – Edward V Berard 在水中行走&#xff0c;和根據一份需求開發軟件一樣&#xff0c;如果它們都“凍”住了&#xff0c;那就容易了。—— 愛德華貝拉爾德 0…

Showdoc 搭建項目 API 文檔系統

showdoc 是 PHP 開發的一款 api 文檔系統&#xff0c;因此所需環境和普通 PHP 項目一致 準備環境&#xff1a;php nginxcomposer //注意更換國內鏡像&#xff0c;否則速度會很慢&#xff0c;甚至失敗 創建項目 composer create-project showdoc/showdoc 配置 showdoc 寫權限 ch…

樹鏈剖分入門

這幾天學了一個樹鏈剖分&#xff0c;覺得還不是很難&#xff0c;這里我試著講一講吧。 首先&#xff0c;我認為樹鏈剖分是把在樹上一個節點一個節點的走改為按照某種規則跳&#xff0c;從而降低了時間復雜度。 那這是什么規則呢&#xff1f; 首先我們得知道什么是重鏈&#xff…

分頁插件pageHelpler的使用(ssm框架中)服務器端分頁

前些天發現了一個巨牛的人工智能學習網站&#xff0c;通俗易懂&#xff0c;風趣幽默&#xff0c;忍不住分享一下給大家。點擊跳轉到教程。 1. maven依賴&#xff1a; <!-- 分頁插件 --><dependency><groupId>com.github.pagehelper</groupId><arti…

cvs

cvs 是一個C/S系統&#xff0c;是一個常用的代碼版本控制軟件。主要在 開源軟件 管理中使用。與它相類似的代碼 版本控制軟件 有 subversion 。多個開發人員通過一個中心版本控制系統來記錄文件版本 &#xff0c;從而達到保證文件同步的目的。CVS版本控制系統是一種GNU軟件包&a…