javascript中特定字符的密码验证

时间:2018-06-19 10:24:46

标签: javascript html css function validation

我必须验证密码并确认密码字段。我还必须显示他们的角色不匹配的字段。这是我到目前为止没有字符检查的代码。

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>

1 个答案:

答案 0 :(得分:2)

首先尝试保存变量以防止冗余,例如String.charAt(index)

然后,您可以使用i = 0获取字符串特定索引处的每个字符。因此,您可以使用从String.lengthreturn的for循环简单地迭代密码,并查看哪些索引存在不匹配。根据您要返回的内容,对于任何不匹配或一组不匹配索引,它可能只是一个布尔值...

PS。在检查之前,我建议两个密码的长度是否匹配!

祝你好运!