无法显示警报消息
无法显示警报消息
提问于 2018-06-10 07:59:34
我试图创建一个简单的登录页，其中只包含一个有效的用户名和密码。因此，我不需要使用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>回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-10 08:15:05
如果您在浏览器中按下F12，您将看到代码是否有任何错误。在您的示例中，结果显示您使用的是未定义的变量ValidEmail。使用ValidUser代替，您将看到您的警报。以下是您的代码的punker link I设置。
我还假设你的页面是测试页面，而不是生产代码。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50779510
复制相关文章
相似问题