前段时间介绍了2篇有关”强密码“的验证方式，提供了一些具体验证方式，可参考以下链接~
今天在早期的基础上，完善，优化验证方式~并加入对密码长度的验证，效果如下：
0Axure制作：强密码验证晋级
0Axure制作：强密码验证雏形
工具/原料
- Axure RP 8
方法/步骤
- 1
因早期已经介绍了一些强密码的基础，具体细节参考以下链接，这里跳过一些基本设置，直接说明一些不同的设置~
0Axure制作：强密码验证晋级
0Axure制作：强密码验证雏形
- 2
设置5个”复选框”分别为：”小写字母“、”大写字母“、”数字“、”特殊符号“、”字符长度“；
设置2个”文本框“分别为：“密码”、“副本”
设置4个“文本标签”分别为：“数字”、“特殊”、”小写字母“、”大写字母“
隐藏：“文本框：副本”、“文本标签：数字”、文本标签：特殊”、文本标签：小写字母”、文本标签：大写字母”
如下图所示：
- 3
依旧主要是针对“文本框：密码”做交互设置~
- 4
“文本框：密码”的“按键按下时”的交互动作：
- 5
判定条件：
---
按下的“按键”是“后退键（backspace）”
---
- 6
动作：
---
设置“文本框：副本”内容为“文本框：密码”的内容
---
- 7
“文本框：密码”的“文本改变时”的交互动作，这个有些多，需要一定的耐心和细心~
- 8
【重置】
判定条件：“元件文字长度：密码”等于0
动作：
---
设置“复选框：字符长度”、复选框：特殊符号”、复选框：数字”、复选框：大写字母”、“复选框：小写字母”为“未选中”状态
设置“文本框：副本”为“空”值
设置“文本标签：数字”、“文本标签：特殊”、“文本标签：大写字母”、“文本标签：小写字母”的内容为0
---
- 9
【密码长度小于6】
判定条件：“元件文字长度：密码”小于6
动作：
---
设置“复选框：字符长度”为“未选中”状态
---
- 10
【密码长度大于等于6】
判定条件：“元件文字长度：密码”大于等于6
动作：
---
设置“复选框：字符长度”为“选中”状态
---
- 11
【删除大写字母】
判定条件：按”后退键（backspace）“删除的是大写字母
- 12
动作：
---
设置“文本标签：大写字母”内容值减1
---
- 13
【取消大写字母状态】
判定条件：“元件文字：大写字母”的内容值等于0
动作：
---
设置“复选框：大写字母”为“未选中”状态
---
- 14
【判断大写字母】
判定条件：输入的字母是否是“大写字母”
---
提取字符串最后一个字母的ASCII码：[[this.text.charCodeAt(this.text.length-1)]]
---
- 15
动作：
---
设置“复选框：大写字母”为“选中”状态
设置“文本标签：大写字母”内容值加1
设置“文本框：副本”内容为“文本框：密码”的内容
---
- 16
以下数字，小写字母，特殊字符的判定，交互方式类似，所以不再累述，提供交互设置截图，以供参考~
- 17
”数字“：
- 18
”小写字母“：
- 19
”特殊字符“：
- 20
设置完毕后，如果没有错误的话，一切ok了，其实并不难，就是繁琐些，需要些细心和耐心……
效果如下：
- 21
终于算是把”强密码“验证通过分段分时方式，逐步分享给了大家，如果觉得不错的话，请投个票，加个赞哦~
END