js检查密码强度（低中高）附图

最近我一直在做护照项目。在注册模块中输入密码需要显示密码的强度（低和中高）。今天，为了分享工作效果，代码不是那么复杂的在线搜索，以满足一般的需要。

HTML代码如下所示：
复制代码代码如下所示：

密码强度

# passstrength {身高：6px；宽度：120px；边框1px solid # CCC；填充：2px；}
。strengthlv1 {背景：红；身高：6px；宽度：40px；}
。strengthlv2 {背景：橙；身高：6px；宽80px；}
。strengthlv3 {背景：绿色；身高：6px；宽度：120px；}
密码强度：

新的passwordstrength（往，'passstrength）；
js代码如下所示：
复制代码代码如下所示：
功能passwordstrength（passwordid，strengthid）{
This.init（strengthid）；
无功_this =这；
document.getelementbyid（passwordid）。Onkeyup =函数（）{
_this.checkstrength（的价值）；
}
}；
passwordstrength.prototype.init =功能（strengthid）{
var id = document.getelementbyid（strengthid）；
var div = document.createelement（'div）；
无功强= document.createelement（强）；
this.ostrength = id.appendchild（DIV）；
this.ostrengthtxt = id.parentnode.appendchild（强）；
}；
passwordstrength.prototype.checkstrength =功能（Val）{
无功alvtxt = { '、'低'，' '，'高' }；
var＝0；
如果（val.match（ / /克} { A-Z））{ LV + +；}
如果（val.match（ / /克} { 0-9））{ LV + +；}
如果（val.match（ /（（（。{ ^ a-z0-9 }）/ g））{ LV + +；}
如果（val.length＜6）{ LV = 0；}
如果（LV > 3）{ = 3；}
this.ostrength.classname = 'strengthlv + LV；
this.ostrengthtxt.innerhtml = alvtxt {绿}；
}；

设计素描 uff1a
uff1a指令

1，对象的第一个参数是密码输入框的ID，第二个参数是长密码强度的ID。

2、本checkstrength方法可以自定义密码强度规则。

3、对密码的强度表明，低中高度对应于3的CSS样式（strengthlv1，strengthlv2，strengthlv3）。