1.0.6 • Published 2 years ago
password-level-check v1.0.6
password-level-check
基于iview的密码强度检查弹窗
安装
npm i password-level-check -save
使用
import PasswordLevelCheck from 'password-level-check';
components: {
PasswordLevelCheck,
},
<PasswordLevelCheck :password="form.password">
<Input
v-model="form.password"
placeholder="请输入密码"
type="password"
>
</Input>
</PasswordLevelCheck>
入参
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
password | 传入的密码 | String | - |
placement | 弹窗展示的位置,可选值为 top,top-start,top-end,bottom,bottom-start,bottom-end,left,left-start,left-end,right,right-start,right-end | String | right-start |
customValidatorRules | 自定义校验规则 | Array | [] |
强度得分计算规则 (v1.1.0 新增)
1、得分计算
- 符合密码基本规则,为 70 分
加分项目:
- (总字元数-8)× 4
- (字母字元数-大写字母字元数) × (字母字元数-小写字母字元数) × 2
扣分项目:
- (接连重复字元数) × 2,如 111
- (连续数字字元数-3) × 1,如 123、234
- (连续字母字元数-3) × 1,如 abc、def
- (3 个以上的连续数字) × 3
- (3 个以上的连续字母) × 3
2、分数区间
- 低于 60 分为弱,高于 80 分为强,介于两者之间为一般
开发计划:
- 自定义强度的颜色