js 密码强度检测工具

效果：

 

 

新建一个密码强度检测工具文件 password-strength.js ：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

// has number const hasNumber = (number) => new RegExp(/[0-9]/).test(number);   // has mix of small and capitals const hasMixed = (number) => new RegExp(/[a-z]/).test(number) && new RegExp(/[A-Z]/).test(number);   // has special chars const hasSpecial = (number) => new RegExp(/[!#@$%^&*)(+=._-]/).test(number);   // set color based on password strength export const strengthColor = (count) => {     if (count < 2) return { lever: count, label: 'Poor', color: '#C0C0C0' };     if (count < 3) return { lever: count, label: 'Weak', color: '#969696' };     if (count < 4) return { lever: count, label: 'Normal', color: '#808080' };     if (count < 5) return { lever: count, label: 'Good', color: '#646464' };     if (count < 6) return { lever: count, label: 'Strong', color: '#4B4B4B' };     return { lever: count,label: 'Poor', color: '#C0C0C0' }; };   // password strength indicator export const strengthIndicator = (number) => {     let strengths = 0;     if (number.length > 5) strengths += 1;     if (number.length > 7) strengths += 1;     if (hasNumber(number)) strengths += 1;     if (hasSpecial(number)) strengths += 1;     if (hasMixed(number)) strengths += 1;       return strengthColor(strengths); };

　　如何使用：

?

1 2 3

import {strengthIndicator} from "@/utils/password-strength";   strengthIndicator(1234565)