您的位置：首页 > 数据库

JS实现简单的登录界面（不连接数据库，把用户名密码写死）

2016-09-06 11:09 971 查看

今天做项目的时候碰到这个问题，

看上去很简单写个js函数就行了，

实际好像没那么好操作，

用window.location.href=""行不通呀，

得用window.document.f.action="user3.jsp";window.document.f.submit();

f是你的表单的名字大致代码如下

<body>

<div class="img"></div>
<form name="f" action="">

<div class="login1">
<input type="text" name="username" id="uName"
style="width: 350px; height: 40px">
</div>

<div class="login2">
<input type="password" name="userpwd" id="uPass"
style="width: 350px; height: 40px">
</div>

<div class="button1">
<input type="button" value="登录"
style="width: 55px; height: 39px; background-color: #0066FF; color: #fff;" onclick="ulogin()">
</div>



<script language="javascript" type="text/javascript">
function ulogin() {

var userName = document.getElementById("uName").value;
var userPass = document.getElementById("uPass").value;

if (userPass == "root" && userName == "root") {
alert("登入成功");
window.document.f.action="user3.jsp";
window.document.f.submit();
}
else if (userName == "" || userName == null) {
alert("用户名不能为空");
return false;
}
else if (userPass == "" || userPass == null) {
alert("密码不能为空");
return false;
}
else if (userPass != "root" || userName != "root") {
alert("用户名或密码错误");
return false;
}
else{
return true;
}

}
</script>

</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航