jQuery Validate驗證確認密碼是否相同
在使用者註冊的時候,通常要確認兩次填寫的密碼是否相同。
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> jQuery.validator.addMethod("checkSize", function (value, element, param) { var fileSize = element.files[0].size; if (fileSize > param) { return false; } else { return true; } }, "請上傳大小在1M一下的檔案"); $(document).ready(function () { $("#one").validate({ rules: { username: "required", pw1: { required: true, }, pw2: { required: true, equalTo: "#pw1" } }, messages: { username:"姓名是必填的", num: { pw1: "密碼是必填的", }, pw2: { required: "確認密碼是必填的", equalTo:"確認密碼與密碼不同" } } }); }); </script> </head> <body> <form id="one"action="http://www.softwhy.com/"> <ul> <li>姓名:<input type="text" name="username"/></li> <li>密碼:<input type="password" id="pw1" name="pw1" /></li> <li>確認:<input type="password" id="pw2" name="pw2"/></li> <li> <input type="submit" value="提交"/> <input type="reset" value="重置"/> </li> </ul> </form> </body> </html>
上面的程式碼實現了我們的要求,非常的簡單使用equalTo規則即可實現。
相關文章
- JQuery表單驗證(包括:使用者名稱,手機號,密碼,確認密碼,驗證碼60s)jQuery密碼
- jquery validate 手工驗證方法jQuery
- jquery.validate 表單驗證jQuery
- 使用java連線AD域,驗證賬號密碼是否正確Java密碼
- jQuery Validate非同步ajax方式驗證jQuery非同步
- jQuery Validate驗證規則的使用jQuery
- jQuery Validate驗證規則使用演示jQuery
- jQuery Validate忽略指定元素不驗證jQuery
- jQuery Validate驗證規則實質jQuery
- jQuery Validate驗證觸發的方式jQuery
- jQuery Validate驗證除錯開關jQuery除錯
- jQuery Validate自定義驗證成功資訊jQuery
- jQuery Validate驗證上傳檔案大小jQuery
- jQuery Validate自定義驗證錯誤資訊jQuery
- jQuery Validate新增自定義驗證規則jQuery
- jquery 驗證密碼一致性jQuery密碼
- jquery驗證元素內容是否為空程式碼jQuery
- jQuery Validate表單驗證基本流程介紹jQuery
- jQuery Validate對select下拉選單驗證jQuery
- jQuery Validate checkbox和radio驗證jQuery
- jquery.validate失去焦點時就驗證jQuery
- jQuery外掛之驗證控制元件jquery.validate.jsjQuery控制元件JS
- jQuery Validate獲取驗證錯誤的數目jQuery
- jQuery驗證控制元件jquery.validate.js的使用介紹jQuery控制元件JS
- redis配置認證密碼Redis密碼
- JavaScript驗證使用者名稱密碼是否為空JavaScript密碼
- js 驗證使用者名稱和密碼是否為空JS密碼
- 精確驗證身份證號碼程式碼
- 軟體測試的驗證和確認
- Oracle 密碼驗證方式Oracle密碼
- jquery.validate驗證text,checkbox,radio,selected薦jQuery
- 無密碼身份認證,跟密碼說再見!密碼
- js確認是否刪除。JS
- Redis使用認證密碼登入Redis密碼
- redis設定認證密碼操作Redis密碼
- SSH認證免密碼登入密碼
- jQuery Validate表單驗證(使用者註冊簡單應用)jQuery
- 密碼安全和無密碼身份認證那些事兒密碼