JavaScript实现登录验证函数

最新推荐文章于 2023-01-04 17:19:57 发布

等日出看彩虹

最新推荐文章于 2023-01-04 17:19:57 发布

阅读量2.7k

点赞数 2

分类专栏： JavaScript HTML 文章标签： HTML JavaScript

本文链接：https://blog.csdn.net/m0_54158068/article/details/124462253

版权

HTML 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

JavaScript

8 篇文章 0 订阅

订阅专栏

代码实现（代码中已注释）

<html>
<head>
<title>JavaScript实现用户登录验证界面</title>
<script language="javascript">
//定义焦点函数将光标定位在用户名输入框
function focus(){ //获取光标位置
	document.check_user.username.focus();
}
function verify(){ //验证值
	var username=document.check_user.username.value;//获取用户名
	var pssswd=document.check_user.passwd.value;//获取密码
	if(username=="" || passwd==""){
		alert("密码和用户名不能为空");//信息提示
		return false;
	}
	else{
		if(username=="test" && passwd=="test"){
			alert("登录成功");//信息提示
			return true;
		}
		else{
			alert("用户名或密码错误，请重新输入");//信息提示
			return false;
		}
	}
}			
</script>	
</head>
<body onLoad="focus()">
	<h1>登录验证</h1> 
    <hr>
	<form name="check_user" onSubmit="return verify()">
		<p>用户名：<input type="text" name="username" size="30"></p>
		<p>密码：<input type="password" name="passwd" size="30"></p>
        <hr>
		<input name="提交" type="submit" value="登录" >&nbsp;&nbsp;
		<input type="reset" value="清除">
	</form>
</body>
</html>