点击id为btn的按钮1判断id为username的输入是否为空,如果为空,则弹出你输入的不能为空2判断id为password的输入的个数是否小于6位,如果小于6位,则弹出你输入的长度不可以少于6位

最新推荐文章于 2023-02-07 11:10:16 发布

今天又困了吗

最新推荐文章于 2023-02-07 11:10:16 发布

阅读量319

点赞数

本文链接：https://blog.csdn.net/weixin_45747582/article/details/102772841

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<script src="js/jquery.js"></script>
	<body>
		    账号：<input type="text" id="username"/><br />
		    密码：<input type="password" id="pwd"/><br>
		    <button type="button" id="btn"> 提交 </button><br />
		<script>
		    $(function(){		
		        $("button").on("click",function () {
		            if($("#username").val() == ""){![在这里插入图片描述](https://img-blog.csdnimg.cn/2019102722253885.gif)
		                alert("账号不能为空")
		            } else {
		                if($("#pwd").val().length < 6){
		                    alert("密码不能少于六位");
		                }
		            }
		        });
		    });			
			</script>
	</body>
</html>

效果图:
在这里插入图片描述

今天又困了吗

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
点击id为btn的按钮1判断id为username的输入是否为空,如果为空,则弹出你输入的不能为空2判断id为password的输入的个数是否小于6位,如果小于6位,则弹出你输入的长度不可以少于6位

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <script src="js/jquery.js"></script> <body> 账号：&l...
复制链接

扫一扫