JS密码强度验证(兼容IE、火狐、谷歌)

大概： 。

源码： 复制代码代码如下：//=========================HTML页面==================加载时的正文=' InitCss()；'表格差异表tr td密码： /td td输入id=' TxtPassword ' type=' password ' style=' width : 130 px；'maxlength=' 16 ' onfocus=' InitCss()；'onblur=' ValidateInput '(密码，这个。value)' onkeydown=' validatePwdStrong(这。值)；//TD TD div id=' TipPosition '/div/TD/tr TD/TD TD表id=' pwdStrong _ color ' tr TD id=' pwdStrong _ 1 '/TD TD id=' pwdStrong _ 2 '/TD TD TD TD id=' pwdStrong _ 3 '/TD TD id=' pwdStrong _ 4 '/TD/tr/table/TD div id=' pwdStrong _ text '/div/TD/tr/table/div/form/body JS文件复制代码代码如下： //使用$替换document.getElementById函数var $=function(v){返回文档。getelementbyid(v)；} /******************************************************验证用户输入* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *函数ValidateInput(元素，值){ //验证密码if(元素==' password '){ if(值。ToString().长度6){ $(' Tiptposition ').' className='错误；$(“TipPosition”).innerHTML='密码设置错误。密码长度过小。';返回；} else { $(' Tiptposition ').成功；$(“TipPosition”).innerHTML='填写正确。';} } } /*================================密码验证JS===================Begin===========================================================================密码初始化的样式函数InitCss(){ $(' Tiptposition ').tip $(“Tiptposition”).innerHTML='最小长度：6。最大长度：16。

；} /*================================密码强度==============begin=======================================================================函数求值(单词){ 0返回word.replace(/^(？([a-z])|([A-Z])|([0-9])|(.)){5,}|(.)$/g ' $ 1 $ 2 $ 3 $ 4 $ 5 ').长度；} function validatePwdStrong(value){ var pwd={ color :[' # E6EAED '，' #AC0035 '，' #FFCC33 '，' #639BCC '，' #246626']，text: ['太短', '弱', '一般', '很好', '极佳'] };函数colorInit(){ $(' pwdStrong _ 1 ')。风格。背景颜色=pwd。COlOr[0]；$(' pwdStrong _ 2 ')。风格。背景颜色=pwd。COlOr[0]；$(' pwdStrong _ 3 ')。风格。背景颜色=pwd。COlOr[0]；$(' pwdStrong _ 4 ')。风格。背景颜色=pwd。COlOr[0]；} if(Evaluate(value)=1){ colorInit()；$(' pwdStrong _ 1 ')。风格。背景颜色=pwd。COlOr[1]；$('pwdStrong_text ').innerHTML=pwd。文本[1]；$(' pwdStrong _ text ')。风格。颜色=pwd。颜色[1]；} else if(Evaluate(value)=2){ colorInit()；$(' pwdStrong _ 1 ')。风格。背景颜色=pwd。COlOr[2]；$(' pwdStrong _ 2 ')。风格。背景颜色=pwd。COlOr[2]；$('pwdStrong_text ').innerHTML=pwd。文本[2]；$(' pwdStrong _ text ')。风格。颜色=pwd。颜色[2]；} else if(Evaluate(value)=3){ colorInit()；$(' pwdStrong _ 1 ')。风格。背景颜色=pwd。COlOr[3]；$(' pwdStrong _ 2 ')。风格。背景颜色=pwd。COlOr[3]；$(' pwdStrong _ 3 ')。风格。背景颜色=pwd。COlOr[3]；$('pwdStrong_text ').innerHTML=pwd。文本[3]；$(' pwdStrong _ text ')。风格。颜色=pwd。颜色[3]；} else if(Evaluate(value)=4){ $(' pwdStrong _ 1 ')。风格。背景色=pwd。颜色[4]；$(' pwdStrong _ 2 ')。风格。背景颜色=pwd。COlOr[4]；$(' pwdStrong _ 3 ')。风格。背景颜色=pwd。COlOr[4]；$(' pwdStrong _ 4 ')。风格。背景颜色=pwd。COlOr[4]；$('pwdStrong_text ').innerHTML=pwd。文本[4]；$(' pwdStrong _ text ')。风格。颜色=pwd。颜色[4]；} }//=============================CSS文件=================复制代码代码如下：车身{ font: 13px宋体；} /*密码验证提示CSS -开始-*/# Tiptop位置{宽度： 400 px高度： 16px线高： 18pxpadding: 2px 30px }。提示{背景： # E6F2FF URL(images/register _ tip。png)不重复10px中心；border: 1px #0E5863虚线；color: # 0E5863}。错误{背景： # FBecdf URL(images/register _ error。png)不重复10px中心；border: 1px红色虚线；color: # 6D3737}。成功{后台： # d6fcd 2 URL(images/register _ success。png)不重复10px中心；border: 1px #2F5D36虚线；color: # 3D934A} /*密码强度CSS -开始-*/# pwdStrong _ color { width : 136 px；height: 3pxborder: 0px边界崩溃：崩溃；边框间距： 0;背景# E6EAED边距-top : 5px；} # pwdStrong _ color TD { padd : 0px；宽度： 44px/*如不加任务描述宽度，谷歌的铬不会正常显示*/} # pwdStrong _ text { font : 12px宋体；}