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

来源：互联网发布：php 上传类编辑：程序博客网时间：2024/04/25 13:52

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

看上去很简单写个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><!-- </form> --><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>

0 0