当前位置:Gxlcms > JavaScript > 玩转jQuery实现注册会员时密码强度提示信息功能

玩转jQuery实现注册会员时密码强度提示信息功能

时间:2021-07-01 10:21:17 帮助过:3人阅读

本文主要介绍了jQuery实现注册会员时密码强度提示信息功能,涉及jQuery事件响应及字符串的遍历、运算与判断等相关操作技巧,需要的朋友可以参考下,希望能帮助到大家。

本文实例讲述了jQuery实现注册会员时密码强度提示信息功能。分享给大家供大家参考,具体如下:

1.效果如图所示:

2.html代码:


<p><span>设置密码:</span><input type="password" id="external_regist_password1" name="password1" value="" /><b>*</b>
<span id="password1_bg" class="bg_rt" style="display:none"></span>
</p>
<p class="mima_qd" id="password1_strength" style="display:none">
 <span class="mm_strength"><em>密码强度</em>
   <i class="password_qd">
    <span class="password_bg" id="strength_L"></span>
    <span class="password_bg" id="strength_M"></span>
    <span class="password_bg" id="strength_H"></span>
   </i>
  <em id="pw_check_info"></em>
</span>
</p>
<p class="tishi_wr" id="password1_info"></p>

3.jquery代码:


相关推荐:

详细介绍Bootstrap提示信息

如何编写js弹出确认删除的提示信息

Asp.Net alert弹出提示信息的几种方法总结

以上就是玩转jQuery实现注册会员时密码强度提示信息功能的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行