Я создал страницу входа для проверки электронной почты и пароля.После проверки электронной почты и пароля он должен выполнить проверку входа в систему (он должен отключить поля ввода на некоторое время после 3 неудачных попыток входа в систему), но здесь проблема заключается в том, что после сбоя входа в систему страница перезагружается и попытки не уменьшаются.
вот мой код,
Заранее спасибо ....
<html>
<head>
<title> Login </title>
<script type='text/javascript'>
var attempt = 3; // Variable to count number of attempts.
// Below function Executes on click of login button.
function validate(){
var username = document.getElementById("jp").value;
var password = document.getElementById("pw").value;
if ( username == "user@gmail.com" && password == "$User123$"){
alert ("Login successfully");
window.location = "success.html"; // Redirecting to other page.
return false;
}
else{
attempt --;// Decrementing by one.
alert("You have left "+attempt+" attempt;");
// Disabling fields after 3 attempts.
if( attempt == 0){
document.getElementById("username").disabled = true;
document.getElementById("password").disabled = true;
document.getElementById("submit").disabled = true;
return false;
}
}
}
</script>
</head>
<body>
<div>
<br><h1>Login</h1>
Email:
<form>
<input id="jp" type="text" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" required placeholder="Enter you Email">
Password:
<input type="password" id="pw" name="psw" pattern="(?=.*[0-9])(?=.*[!@#$%^&*])[a-zA-Z0-9!@#$%^&*]{7,15}$" title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters" required>
<br><input type="checkbox" checked="checked"name="remember"> <font>Remember me</font>
<a href="#" style="margin-left:20px"><font>Forgot password?</font></a><br>
<button type="submit" onclick="validate()" ><b>LOGIN<b></button>
</form>
</p>
</div>
</body>