当前位置:Gxlcms > JavaScript > JQ技术实现注册页面带有校验密码强度_jquery

JQ技术实现注册页面带有校验密码强度_jquery

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

主要介绍使用jQuery实现带有校验密码强度的注册页面,当然要想生成一个漂亮的带有密码强度检验的注册页面要有相关插件和类库配合,具体内容如下:

相关的插件和类库

complexify - 一个密码强度检验jQuery插件
justgage - 一个兼容性良好的仪表盘类库
主要功能

注册中包含一个密码强度检验组件,用户需要设置一定强度的密码才可以注册
密码强度使用仪表盘类库justgage来显示,不同的强度的密码将显示不同的颜色
密码强度符合要求后,显示注册按钮
代码说明


添加电子邮件和密码输入框,及其密码强度组件。

Javascript:

导入所需的类库,包括:


以上代码中,我们使用JustGage生成需要的仪表盘。相关选项请参考代码。

以下代码中,我们使用complexify的回调方法来判断用户输入的密码强度是否符合要求:

如果符合则显示注册按钮,否则隐藏。同时刷新仪表盘的数值和颜色。

通过相关类库和插件生成一个漂亮的带有密码强度检验的注册页面,使用JQ技术实现此功能,希望大家能够喜欢。

人气教程排行