如何用函数编写判断密码强度

最新推荐文章于 2022-04-20 10:30:47 发布

置顶不服气小姐

最新推荐文章于 2022-04-20 10:30:47 发布

阅读量693

点赞数

分类专栏： js 文章标签： javascript css html5 css3 jquery

本文链接：https://blog.youkuaiyun.com/weixin_46390073/article/details/105858611

版权

js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何使用JavaScript函数来检查和判断密码的强度，确保密码的安全性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何用函数编写判断密码强度

     <style>
			span{display: block;} /* 将span转成块状元素 */
	</style>
	
	<body>
		<input type="text" id="pass" />
		<input type="button" id="btn" value="验证密码强度" />
		<span></span>
	</body>
	
	<script>
		var opass = document.getElementById("pass");
		var obtn = document.getElementById("btn");
		var ospan = document.querySelector("span");

		obtn.onclick = function(){
			var str = opass.value;
		     if( str === ""){
				return; 
			 }
			  //三个计数器，用来记录某种类型是否出现，0不出现，1出现
			 var a = 0;
			 var b = 0;
			 var c = 0;
			 //拿到每一个字符
			for(var i=0;i<str.length;i++){
				//是否出现数字
				if(str[i] >= 0 && str[i] <= 9){
					a = 1;
				}
				//是否出现字母
				if(str[i] >= "a" && str[i] <= "z" || str[i] >= "A" && str[i] <= "Z"){
					b = 1;
				}
				//是否出现非数字或非字母
				if(!(str[i] >= 0 && str[i] <= 9 || str[i] >= "a" && str[i] <= "z" || str[i] >= "A" && str[i] <= "Z")){
					c = 1;
				}
			}
			//遍历结束后，将所有的计数器累加，并判断
			switch(a + b + c){
				case 1:
				ospan.innerHTML = "简单"; break;
				case 2:
				ospan.innerHTML = "一般";break;
				case 3:
				ospan.innerHTML = "困难";break;
		 	}
	 }
	</script>