Sunday 27 September 2015

A Simple HTML Login page using JavaScript with count

Enter Username : test
Enter Password : test
ENTER USER NAME
ENTER PASSWORD



code here :

 <script type = "text/javascript">

// Note: Like all Javascript password scripts, this is hopelessly insecure as the user can see
//the valid usernames/passwords and the redirect url simply with View Source.
// And the user can obtain another three tries simply by refreshing the page.
//So do not use for anything serious!

var count = 2;
function validate() {
var un = document.myform.username.value;
var pw = document.myform.pword.value;
var valid = false;

var unArray = ["test", "test1"];  // as many as you like - no comma after final entry
var pwArray = ["test", "test1"];  // the corresponding passwords;

for (var i=0; i <unArray.length; i++) {
if ((un == unArray[i]) && (pw == pwArray[i])) {
valid = true;
break;
}
}

if (valid) {
alert ("Login was successful");
window.location = "view.php";
return false;
}

var t = " tries";
if (count == 1) {t = " try"}

if (count >= 1) {
alert ("Invalid username and/or password.  You have " + count + t + " left.");
document.myform.username.value = "";
document.myform.pword.value = "";
setTimeout("document.myform.username.focus()", 25);
setTimeout("document.myform.username.select()", 25);
count --;
}

else {
alert ("Still incorrect! You have no more tries left!");
document.myform.username.value = "No more tries allowed!";
document.myform.pword.value = "";
document.myform.username.disabled = true;
document.myform.pword.disabled = true;
return false;
}

}

</script>
<p>Enter Username : test </p>
<p>Enter Password : test </p>
<form name = "myform">
<p>ENTER USER NAME <input type="text" name="username"> </p>
<p>ENTER PASSWORD <input type="password" name="pword">
<p><input type="button" value="Check In" name="Submit" onclick= "validate()"></p>

</form><br/><br/>