头像

密码强度检测

来源:http://www.daimasucai.com/nother/43.html 代码素材管理员 2016-09-13浏览()

我们设定密码强度等级为10,制作一张图片表示每个等级状态,给密码框绑定keyup事件,通过keyup事件获取密码值,然后使用正则进行判断密码强度等级,然后变换相应的图片。

程序员,你不是一个人;网站开发QQ群:  在线充值,或联系QQ 3078847178直接充值

密码强度检测
分类:首页>>网页特效>>其他特效 阅读次数:
查看演示 下载次数: 7

手机扫码访问:

下载资源 下载积分: 0

  创建如下html代码:

     <p><label>请输入密码:</label> 

     <input type="password" id="pass" class="input" /></p> 

     <div id="passwordStrengthDiv" class="is0"></div>  

     <p><label>确认密码:</label> 

     <input type="password" id="repass" class="input" /></p> 

  注意:id#passwordStrengthDiv的DIV是用来加载强度图片的,你也可以自定义ID,但调用时就要给参数赋值:targetDiv : '#ID' //自定义加载图片的ID!


标签: 密码 强度检测
声明:本文为原创文章,如需转载,请注明来源daimasucai.com并保留原文链接:http://www.daimasucai.com/nother/43.html
如果您觉得本文的内容对您的学习有所帮助,您可以扫描下面的二维码请我喝杯茶,感谢!
alipay转账 alipay转账 扫扫加qq群

评论(0)


温馨提示:为规范评论内容,垃圾评论一律封号...

后面还有条评论,点击查看>>