需求場景實現 正則（四）
阿新 • • 發佈：2021-01-15
技術標籤：正則表示式
輸入框輸入密碼，規定輸入以下幾種型別
數字、字母、特殊字元（@$#）
如果僅包含其中一個，密碼強度為 弱
如果僅包含其中兩個，密碼強度為 中
如果僅包含其中三個，密碼強度為 強
當輸入框輸入時，顯示當前密碼的強弱程度
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <input type="text" id="input"> <script> var oInput = document.getElementById('input') var timer = null oInput.addEventListener('input', function (e) { clearInterval(timer) var timer = setTimeout(function () { var password = e.target.value // 判斷是否包含數字 var regNumber = /\d+/ // 判斷是否包含字母 var regLetter = /[A-Za-z]+/ // 判斷是否包含特殊字元 var regSpecial = /[@#$]/ // 通過level來累加情況 初始level 0 var level = 0 if (regNumber.test(password)) { level++ } if (regLetter.test(password)) { level++ } if (regSpecial.test(password)) { level++ } console.log(level === 3 ? '強' : (level === 2 ? '中' : '弱')) }, 500) }) </script> </body> </html>
over～