js 简单的密码强度提示

想要飞翔的小猪

于 2018-09-04 23:21:03 发布

阅读量1.2k

点赞数

分类专栏： js基本知识

本文链接：https://blog.youkuaiyun.com/dwb123456123456/article/details/82392160

版权

本文介绍了如何使用JavaScript进行密码强度的简单提示。虽然作者倾向于面向对象的方法，但对这方面的知识不太熟悉，欢迎读者留言分享更好的实现建议。

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

<!DOCTYPE html>

<html>



<head>

<meta charset=" utf-8">

<meta name="author" content="http://www.softwhy.com/" />

<title>蚂蚁部落</title>

<style type="text/css">

#passStrength {

height: 6px;

width: 120px;

border: 1px solid #ccc;

padding: 2px;

}



.strengthLv1 {

background: red;

height: 6px;

width: 40px;

}



.strengthLv2 {

background: orange;

height: 6px;

width: 80px;

}



.strengthLv3 {

background: green;

height: 6px;

width: 120px;

}

</style>

</head>



<body>

<input type="text" name="pass" id="pass" value="womenlaiiztong" maxlength="16" />

<div class="pass-wrap">

密码强度:

<div id="passStrength"></div>

</div>




<script type="text/javascript">

function PasswordStrength(pass

最低0.47元/天解锁文章