javascript中特定字符的密碼驗證

Question

我必須驗證密碼並確認密碼字段。 我還必須顯示其字符在哪些字段上不匹配。 這是我到目前為止沒有字符檢查的代碼。

 function checkPaswd(){ if (document.getElementById('pass1').value !== "" && document.getElementById('ppass').value !== "") {if(document.getElementById("pass1").value == document.getElementById("ppass").value){ document.getElementById('msg').style.color = 'green'; document.getElementById('msg').innerHTML = 'matching'; } } else { document.getElementById('msg').style.color = 'red'; document.getElementById('msg').innerHTML = 'not matching'; } } 

  <form id="pass-form"> Password: <input name="pass1" id="pass1" type="password" pattern=".{10,}" placeholder="Password" required onkeyup="checkPaswd(); return false;" oninvalid="this.setCustomValidity('Password is not 10+ characters');" oninput="this.setCustomValidity('');"> Confirm Password: <input name="ppass" id="ppass" type="password" pattern=".{10,}" placeholder="Confirm Password" required onkeyup="checkPaswd(); return false;" oninvalid="this.setCustomValidity('Password not empty');" oninput="this.setCustomValidity('');"> <span id="msg"></span> </form> 

Answer 1

首先，嘗試保存變量以防止冗余，例如var pass2 = document.getElementById('pass1').value; 。

然后，您可以使用String.charAt(index)在字符串的特定索引處獲取每個字符。 因此，您可以使用從i = 0到String.length的for循環簡單地遍歷您的密碼，並查看哪些索引不匹配。 根據要返回的內容，它可能只是任何不匹配的布爾值，或者是不匹配索引的數組...

PS。 我建議在此之前檢查兩個密碼的長度是否匹配！

祝好運！