jQuery的Password Validation插件
生活随笔
收集整理的這篇文章主要介紹了
jQuery的Password Validation插件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Password Validation
密碼驗證插件，擴展了jQueryValidate插件，提供了兩種組件
一種評價密碼的相關因素的功能
比如，大小寫字母的混合情況、字符（數字、特殊字符）的混合情況、長度、與用戶名的相似度（可選的）
一種使用評價功能顯示密碼強度的驗證插件自定義方法
顯示的文本可以被本地化。
可以簡單地自定義強度顯示的外觀、本地化消息顯示，并集成到已有的表單中
使用方式
添加一個 class “password” 到input，同時添加顯示強度的基本標記在表單的需要顯示的地方
<form id="register"><label for="password">Password:</label><input class="password" name="password" id="password" /><div class="password-meter"><div class="password-meter-message"> </div><div class="password-meter-bg"><div class="password-meter-bar"></div></div></div> </form>表單應用Validate插件
$(document).ready(function() {$("#register").validate(); });可以重載$.validator.passwordRating實現不同的評價方法
或者重載$.validator.passwordRating.messages來提供其他消息，比如本地化
示例代碼
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Makes "field" required to be the same as #other</title> <link rel="stylesheet" href="http://jqueryvalidation.org/files/demo/site-demos.css"></head> <body> <form id="myform"> <label for="password">Password</label> <input id="password" name="password" /> <br/> <label for="password_again">Again</label> <input class="left" id="password_again" name="password_again" /> <br> <input type="submit" value="Validate!"> </form> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script> <script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script> <script> // just for the demos, avoids form submit jQuery.validator.setDefaults({debug: true,success: "valid" }); $( "#myform" ).validate({rules: {password: "required",password_again: {equalTo: "#password"}} }); </script> </body> </html>總結
以上是生活随笔為你收集整理的jQuery的Password Validation插件的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： jQuery的Growl插件
- 下一篇： jQuery的Prettydate插件