Я пытаюсь создать простую страницу входа, которая состоит только из одного действительного имени пользователя и пароля.Следовательно, мне не нужно использовать MySQL для хранения других действительных имен пользователей и паролей.
Я не могу отобразить сообщение с предупреждением после нажатия кнопки.Кто-нибудь знает в чем проблема?Когда я нажимаю на кнопку, все, что делает страница, это обновляет себя, стирая все записи, которые я сделал ранее.
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
$(':input[type="submit"]').prop('disabled', true);
$('input[type="email"]').keyup(function() {
if($(this).val() != '') {
$(':input[type="submit"]').prop('disabled', false);
}
});
$('#loginButton').click(function() {
var ValidUser = $('#usernameInput').val() === 'admin@company.com';
var ValidPassword = $('#passwordInput').val() === 'dogcat';
if (ValidEmail === true && ValidPassword === true)
{
alert("Login Successful");
}
else
{
alert("Incorrect Username/Password");
}
});
});
</script>
<title>Login</title>
</head>
<body>
<div id="loginMenu">
<span>
<form id="formLogin" name="login">
<Label>Username:</Label>
<br/>
<input id="usernameInput" name = "username" type="email" required="required">
<br/>
<label>Password:</label>
<br/>
<input id="passwordInput" name="password" type="password" required="required">
<br/>
<input id="loginButton" type="submit" value="Log In">
</form>
</span>
</div>
</body>
</html>