javascript登录验证（javascript登录验证代码）
以下是一个简单的JavaScript登录验证的HTML代码示例：
<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>
<script>
// 验证用户名和密码是否正确
function validateLogin() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if (username === "admin" && password === "password") {
alert("Login successful!");
return true;
} else {
alert("Invalid username or password!");
return false;
}
}
</script>
</head>
<body>
<h2>Login</h2>
<form onsubmit="return validateLogin()">
<label for="username">Username:</label>
<input type="text" id="username" name="username" required><br><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required><br><br>
<input type="submit" value="Login">
</form>
</body>
</html>代码解释：
1.<!DOCTYPE html> 声明这是一个HTML5文档。
2.在<head>标签中，我们定义了一个<script>标签，用于编写JavaScript代码。在这个例子中，我们定义了一个名为validateLogin()的函数，用于验证用户名和密码是否正确。
3.在<body>标签中，我们创建了一个登录表单，包括用户名和密码的输入框。其中，用户名和密码是必填项。我们使用<form onsubmit="return validateLogin()">将表单提交与JavaScript验证函数绑定。
4.当用户点击提交按钮时，表单会自动触发validateLogin()函数。该函数通过使用
document.getElementById()获取输入框中的用户名和密码值，并与预设的用户名和密码进行比较。如果匹配，则弹出登录成功的提示框，并返回true以提交表单；否则，弹出错误提示框，并返回false以阻止表单提交。
5.我们在表单中添加了一个提交按钮，用于触发JavaScript验证函数。
效果截图如下：
