Tip: you can modify some code before running
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Password</title><style type="text/css">Body {font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: 0 ;}form {margin: 2em ;}# chkResult {margin-left: 53px; height: 15px ;}</style></head><body><form name="form1"><label for="pwd">User password</label><input type="password" name="pwd" onblur="chkpwd(this)" /><div id="chkResult"></div><label for="pwd2">Duplicate password</label><input type="password" name="pwd2" /></form><script type="text/javascript">Function chkpwd (obj) {var t = obj. value; var id = getResult (t); // defines the corresponding message prompt var msg = new Array (4); msg [0] = "The password is too short. "; Msg [1] =" password strength difference. "; Msg [2] =" password strength is good. "; Msg [3] =" high password strength. "; Var sty = new Array (4); sty [0] =-45; sty [1] =-30; sty [2] =-15; sty [3] = 0; var col = new Array (4); col [0] = "gray"; col [1] = "red "; col [2] = "# ff6600"; col [3] = "Green"; // Set the display effect var bImg = "http: // bbs. /attachments/2006/12/7/pwdlen_dSIPeEGQWxfO.gif "; // var sWidth = 300; var sHeight = 15; var Bobj = document. getElementById ("chkResult"); Bobj. style. fontSize = "12px"; Bobj. style. color = col [id]; Bobj. style. width = sWidth + "px"; Bobj. style. height = sHeight + "px"; Bobj. style. lineHeight = sHeight + "px"; Bobj. style. background = "url (" + bImg + ") no-repeat left" + sty [id] + "px"; Bobj. style. textIndent = "20px"; Bobj. innerHTML = "detection prompt:" + msg [id];} // defines the detection function. If 0/1/2/3 is returned, it indicates invalid/bad/general/Strong function getResult (s) {if (s. length <4) {return 0;} var ls = 0; if (s. match (/[a-z]/ig) {ls ++;} if (s. match (/[0-9]/ig) {ls ++;} if (s. match (/(. [^ a-z0-9])/ig) {ls ++;} if (s. length <6 & ls> 0) {ls --;} return ls}</script></body></html>
Tip: you can modify some code before running
