jQuery Validate全域性配置和例項配置
全域性配置和例項配置的區別可能初學者會忽略,下面就通過程式碼例項介紹一下。
[JavaScript] 純文字檢視 複製程式碼function A() { this.defaults = { x: 1, y: 2, z: 3 } }
上面只是一個簡單的程式碼演示,修改全域性配置是在類的層面對defaults進行修改。
這樣所有類A的物件例項都會受到這個全域性配置修改的影響。例項配置是在類A例項物件的層面進行修改,那麼只會對當前例項物件產生影響。下面看一個jQuery Validate程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> ul li{ list-style:none; margin-top:5px; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script src="http://www.softwhy.com/demo/jQuery/js/jquery.validate.js"></script> <script src="http://www.softwhy.com/demo/jQuery/js/messages_zh.js"></script> <script> $.validator.setDefaults({ success: function (succ) { succ.text("全域性修改") } }); $(document).ready(function () { $("#one").validate({ success: function (succ) { succ.text("區域性修改") } }); $("#two").validate(); }); </script> </head> <body> <form id="one"> <ul> <li>姓名:<input type="text" name="username" required/></li> <li>密碼:<input type="password" name="pw" required/></li> <li>郵箱:<input type="email" name="email" required /></li> <li> <input type="submit" value="提交"/> <input type="reset" value="重置"/> </li> </ul> </form> <form id="two"> <ul> <li>姓名:<input type="text" name="username" required/></li> <li>密碼:<input type="password" name="pw" required/></li> <li>郵箱:<input type="email" name="email" required /></li> <li> <input type="submit" value="提交"/> <input type="reset" value="重置"/> </li> </ul> </form> </body> </html>
setDefaults()方法是在全域性層面進行修改配置,會影響到所有的驗證例項。
通過validate()方法只會影響到當前驗證例項。
相關文章
- [譯]ASP.NET Core 2.0 全域性配置項ASP.NET
- 全域性CSS的配置CSS
- [提問交流]onethink 只有全域性的配置項嗎?
- 微信小程式的全域性彈窗以及全域性例項微信小程式
- ASM例項配置監聽和TNSASM
- 【SpringCloud】Ribbon如何自定義客戶端配置和全域性配置SpringGCCloud客戶端
- Yarn的安裝和全域性配置(源/快取位置/全域性安裝位置)Yarn快取
- 兩種方式配置vue全域性方法Vue
- mac配置全域性環境變數Mac變數
- npm 全域性環境變數配置NPM變數
- 微信小程式------全域性配置設定微信小程式
- jQuery Validate依賴項介紹jQuery
- jquery.validate中文API和應用例項(一)簡單驗證--絕對可用jQueryAPI
- vue-cli 配置 sass 全域性變數Vue變數
- jQuery新增和刪除元素class屬性例項程式碼jQuery
- Axios 請求配置引數詳解以及全域性配置示例iOS
- Argo 安裝和 workflow 例項配置檔案解析Go
- CAS跨域SSO例項安裝和配置指南跨域
- drf : 請求(Request)與響應(Response),全域性設定和區域性設定drf的預設配置項。
- Docker容器配置Nginx例項分享DockerNginx
- OpenHarmony雙網路卡配置例項
- apache伺服器全域性配置詳解(全)Apache伺服器
- Mybatis 全域性配置檔案中typeAliases(別名)MyBatis
- Vue專案全域性配置微信分享實踐Vue
- oracle中的全域性環境變數配置Oracle變數
- jQuery 例項jQuery
- jafka安裝配置和啟動一個自帶例項和手寫一個例項
- 系統配置的最佳化:例項的初始配置
- Tomcat全域性/區域性https訪問配置方法TomcatHTTP
- EFCore 使用FluntApi配置 全域性查詢篩選器API
- CISCO交換機,埠安全配置例項。
- 單機環境配置ASM例項ASM
- 配置單例項自動重啟單例
- 動態VLAN詳細配置例項
- 03.MyBatis學習-----全域性配置檔案_properties_引入外部配置檔案MyBatis
- canal同步mysql,監聽單例項,多例項配置MySql單例
- jQuery的ajax和json使用例項jQueryJSON
- jQuery css()設定和獲取元素css屬性值程式碼例項jQueryCSS