shixinke / x-password

A jquery plugin for displaying password strength and displaying password content

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

x-password

一个基于jQuery、用于显示和隐藏密码框和显示密码强度的插件

依赖

jQuery

使用手册

1、初始化参数

参数名 类型 默认值 含义
strength boolean false 是否显示密码强度
pattern object
 {
      
 level0:/^[a-zA-Z]{6,}$/,
      
 level01:/^[0-9]{6,}$/,
        
 level1:/^(?=.*?[a-z])(?=.*?[0-9]).{7,}$/,
        
 level2:/^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9]).{10,}$/,
        
 level3:/^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[^\w\s]).{7,}$/,
     
 level4:/^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[^\w\s]).{10,}$/ 
        
 }
用于判断密码强度的正则表达式
iconPrefix String iconfont 用于显示图标的字体文件的前缀
iconOpenEye String icon-open-eye 显示密码的图标字体类名
iconCloseEye String icon-close-eye 隐藏密码的图标字体类名

用法:

$(selector).xPassword();

效果:

基本用法

演示

请下载demo文件夹

About

A jquery plugin for displaying password strength and displaying password content


Languages

Language:JavaScript 77.4%Language:CSS 22.6%