题目
自定义登录校验
用户输入用户名和密码
输入的用户名和密码不能为空
如果用户输入的用户名或者密码为空,你就提示它用户名不能为空或者密码不能为空.
注:只是实现了验证不能为空的基本原理,并未对页面进行美化
代码展示
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jQuery/jquery-3.6.0.min.js"></script>
<script>
$(function (){
$("#username").blur(function (){
if ($("#username").val()==""||$("#username").val()==null){
alert("用户名不能为空");
}
})
$("#password").blur(function (){
if ($("#password").val()==""||$("#password").val()==null){
alert("密码不能为空");
}
})
});
</script>
</head>
<body>
<div id="div1" align="center">
<h3>登录</h3>
<div id="div2">
用户名:<input type="text" id="username"/>
</div>
<div id="div3">
密码:<input type="password" id="password"/>
</div>
</div>
</body>
</html>