[发明专利]一种轻量级密码强度校验的交互方法和系统

权利要求书

1.一种轻量级的密码强度校验的交互方法，其特征在于，所述方法包括：

根据密码强度层级配置meter标签，设置meter标签的主体伪类，用于获取渲染元素；

根据所述密码强度层级配置CCS渐变色，并将所述渐变色分块；

配置密码长度或复杂度对应的密码强度层级，并配置对应的渐变色的分块展示层级；

输入密码后，利用meter标签的主体伪类和对应的密码强度层级渲染展示对应层级的渐变色分块。

2.根据权利要求1所述的一种轻量级的密码强度校验的交互方法，其特征在于，所述方法包括配置外层容器的Flex布局属性，并设置外层容器的宽度像素值、居中属性和上下边距的像素值。

3.根据权利要求1所述的一种轻量级的密码强度校验的交互方法，其特征在于，利用meter标签设置展示容器，并将所述展示容器设置为盒模型，并设置定位容器，配置所述meter标签的顶部边距和宽度。

4.根据权利要求1所述的一种轻量级的密码强度校验的交互方法，其特征在于，所述meter标签的主体伪类的设置方法包括：设置所述meter标签的主体伪类的高度、宽度和边框，并利用CCS的webkit-meter构建渐变色所述meter标签的主体伪类的渐变色方法。

5.根据权利要求4所述的一种轻量级的密码强度校验的交互方法，其特征在于，利用所述CCS的webkit-meter构建渐变色方法包括：配置所述meter标签的主体伪类渐变色方向，以及配置渐变色的颜色种类，并配置渐变色的像素长度。

6.根据权利要求4所述的一种轻量级的密码强度校验的交互方法，其特征在于，利用所述CCS的webkit-meter构建渐变色方法包括：配置密码长度或复杂度的强度校验规则，根据所述强度校验规则的层级配置对应的渐变色颜色种类的颜色块，并配置对应的颜色展示的像素顺序，当输入满足指定强度校验层级的密码时，通过渲染对应颜色块。

7.根据权利要求1所述的一种轻量级的密码强度校验的交互方法，其特征在于，所述密码强度校验规则包括：根据所述密码强度校验规则配置对应的文字，并对所述文字进行偏移量、高度、垂直高度以及超出隐藏的配置，或根据所述密码强度校验CCS的webkit-text-fill-color配置文字的渐变色。

8.根据权利要求1所述的一种轻量级的密码强度校验的交互方法，其特征在于，利用所述meter标签获取容器需要展示的元素，监听输入事件并获取输入的数据。

9.一种轻量级的密码强度校验的交互系统，其特征在于，所述系统执行权利要求1-8中任意一项所述的一种轻量级的密码强度校验的交互方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序可被处理器执行权利要求1-8中任意一项所述的一种轻量级的密码强度校验的交互方法。