密码框验证信息

最新推荐文章于 2022-09-16 09:47:14 发布

DT?13?FM

最新推荐文章于 2022-09-16 09:47:14 发布

阅读量74

点赞数

本文链接：https://blog.csdn.net/qq_45902653/article/details/118490914

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>密码框验证信息</title>
    <style>
	div{
		width:600px;
		margin:100px auto;
	}
	.message{
		display:inline-block;
		font-size:12px;
		color:#999;
		backgrond:url(btn1.png) no-repeat left center;
		padding-left:20px;
	}
	.error{
		color:red;
		backgrond:url(btn2.png) no-repeat left center;
		
	}
	.right{
		color:green;
		
	}
	</style>
	</head>
	<body>
		<div>
			<input type="password" class="ipt">
			<p class="message">请输入6-16位密码</p>
			
		</div>
		<script>
			var ipt=document.querySelector(".ipt");
			var  message=document.querySelector(".message");
			ipt.onblur=function(){
				if(this.value.length<6||this.value.length>16){
					message.className="message error";
					message.innerHTML="输入密码位数不对";
				}else{
					message.className="message right";
					message.innerHTML="输入正确";
				}
			}
		</script>
	
	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

DT?13?FM

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
密码框验证信息

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>密码框验证信息</title> <style> div{ width:600px; margin:100px auto; } .message{ display:inline-block; font-size:12px; color:#999; backgr.
复制链接

扫一扫