效果圖:演示代碼:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title>密碼強度測試</title> </head> <body> <form id="form1"> 輸入密碼:<input type="text" id="TextBox1" onkeyup="pwStrength(this.value)" onblur="pwStrength(this.value)"><br> 密碼強度: <table border="1" cellpadding="1" bordercolordark="#fdfeff" bordercolorlight="#99ccff" cellspacing="1" style="width: 200px; display: inline; background-color: #e0f0ff"> <tr> <td id="strength_L" style="width: 100px; height: 19px;" align="center"> 弱 </td> <td id="strength_M" style="width: 100px; height: 19px;" align="center"> 中 </td> <td id="strength_H" style="width: 100px; height: 19px;" align="center"> 強 </td> </tr> </table> </form> </body> </html> [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行] JavaScript技術:Js密碼強度實時驗證代碼,轉載需保留來源! 鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。