<head>
</head>
<body id="body">
<form action="javascript:void(0);" id="exampleForm">
<input id="examplePass" type="password" />
<input type="submit" />
</form>
</body>
<script>
document.getElementById("exampleForm").onsubmit =function() {
var passwordRegex = /^[A-Za-z\d]{6,}$/;
if(!passwordRegex.test(document.getElementById("examplePass").value)) {
console.log("Regex didn't match");
var notify = document.getElementById("notify");
if(notify===null) {
notify =document.createElement("p");
notify.textContent = "Passwoeds need to be 6 and 8 characters long and consist of uppercase characters, lowercase characters, and digits only."
notify.id = "notify";
var body = document.getElementById("body");
body.appendChild(notify);
}
}
};
</script>
</html>
沒有留言:
張貼留言