大一小白：html+js怎么实现验证固定账号密码跳转另一个界面

�Volcano 2019-05-18 07:00:19

输入账号lcl123 密码123456点击登录然后跳转到另一个页面

...全文

4020 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

�Volcano 2019-05-19

打赏
举报

已解决 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录界面</title>
<link rel="stylesheet" href="登录界面.css">
</head>
<body>
<div class="login">
<h1>Welcome</h1>
<div class="text">
<i class="fa fa-user-o" aria-hidden="true"></i>
<input type="text" placeholder="Username" id="name">
</div>
<div class="text">
<i class="fa fa-lock" aria-hidden="true"></i>
<input type="password" placeholder="Password" id="pass">
</div>
<button onclick="login()">登录</button>
</div>
</body>
<script type="text/javascript">
function login(){
var username = document.getElementById("name").value;
var password = document.getElementById("pass").value;
if(username=="lcl123" && password=="123456"){
alert("登录成功");
window.location.href = "index.html";
return false;
}
else{
alert("账号或密码错误");
window.location.href= "登录界面.html";
return false;
}
}
</script>
</html>

�Volcano 2019-05-18