js密码验证

最新推荐文章于 2022-12-21 11:53:07 发布

代码库加载中

最新推荐文章于 2022-12-21 11:53:07 发布

阅读量3.5k

点赞数 1

分类专栏： Java Script 文章标签： Js

本文链接：https://blog.csdn.net/weixin_44810547/article/details/89472949

版权

Java Script 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

js密码验证

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<form action="http://www.baidu.com">
		登陆：<input type="text" id="tet" placeholder="请输入账号">
		密码：<input type="password" id="psd" placeholder="请输入密码">
		<button id="btn">登陆</button>
		<input type="reset" value="重置">
	</form>
	<script>
		//获取元素
		var tet = document.getElementById("tet");
		var psd = document.getElementById("psd");
		var btn = document.getElementById("btn");
		btn.function(){//定义点击函数
			var tetvl = tet.value;
			var psdvl = psd.value;
			if(tetvl == "" || psdvl == ""){//判断不能为空
				alert("账号或密码不能为空");
				return false;
			}else if(tetvl != "123456"){//判断不等于123456时，提示错误
				alert("账号输入错误");
				return false;
			}else if(psdvl != "123456"){//判断不等于123456时，提示错误
				alert("密码输入错误");
				return false;
			}else{//否则登录成功
				alert("登陆成功");
			}
		}
		

	</script>	
</body>
</html>