我试图创建一个简单的登录页,其中只包含一个有效的用户名和密码。因此,我不需要使用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>
发布于 2018-06-10 08:15:05
如果您在浏览器中按下F12,您将看到代码是否有任何错误。在您的示例中,结果显示您使用的是未定义的变量ValidEmail
。使用ValidUser
代替,您将看到您的警报。以下是您的代码的punker link I设置。
我还假设你的页面是测试页面,而不是生产代码。
https://stackoverflow.com/questions/50779510
复制相似问题