Jquery 无法显示警报消息
我试图创建一个简单的登录页面，其中只包含一个有效的用户名和密码。因此，我不需要使用MySQL来存储其他有效的用户名和密码 我无法在单击按钮后显示警报消息。 有人知道问题出在哪里吗？ 当我点击按钮时，页面所做的就是刷新自己，删除我以前输入的内容Jquery 无法显示警报消息,jquery,html,ajax,Jquery,Html,Ajax,我试图创建一个简单的登录页面，其中只包含一个有效的用户名和密码。因此，我不需要使用MySQL来存储其他有效的用户名和密码 我无法在单击按钮后显示警报消息。 有人知道问题出在哪里吗？ 当我点击按钮时，页面所做的就是刷新自己，删除我以前输入的内容 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.j
<!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>
$（文档）.ready（函数（）{
$（'：input[type=“submit”]）.prop（'disabled'，true）；
$（'input[type=“email”]”）。键控（函数（）{
if（$（this.val（）！=“”）{
$（'：input[type=“submit”]）.prop（'disabled'，false）；
}
});
$（“#登录按钮”）。单击（函数（）{
var ValidUser=$（'#usernameInput'）.val（）admin@company.com';
var ValidPassword=$（'#passwordInput'）.val（）=='dogcat'；
if（ValidEmail==true&&ValidPassword==true）
{
警报（“登录成功”）；
}
其他的
{
警报（“不正确的用户名/密码”）；
}
});
});
登录
用户名：
密码：
ValidEmailValidUser我还假设您的页面是测试页面，而不是生产代码 将
ValidEmailValidUser