2014年3月10日 星期一

Using browsers for programming

結果圖:

程式碼:
<html>
<head>
</head>
<body id="body">
<form action="javascript:void(0);" id="exampleForm">
<input type="password" id="examplePass" />
<input type="submit" />
</form>
</body>
<script>
 document.getElementById("exampleForm").onsubmit = function(){
var passwordRegex = /^[A-Za-z\d]{6,8}$/;
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 = "Passwords need to be between 6 and 8 charcters long and consist of uppercase characters,lowercase charcters, and digits only"
notify.id="notify";
var body = document.getElementById("body");
body.appendChild(notify);
}
}
};

</script>
</html>

沒有留言:

張貼留言