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

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

看上去很简单写个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;" οnclick="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>


  • 1
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值