Axure制作:验证强密码

 时间:2024-11-10 15:23:23

前段时间介绍了2篇有关”强密码“的验证方式,提供了一些具体验证方式,可参考以下链接~今天在早鲋逐噗瘀期的基础上,完善,优化验证方式~并加入对密码长度的验证,效果如下:

Axure制作:验证强密码

工具/原料

AxureRP8

方法/步骤

1、因早期已经介绍了一些强密码的基础,具体细节参考以下链接,这里跳过一些基本设置,直接说明一些不同的设置~

2、设置5个”复选框”分别为:”小老揉孟阼写字母“、”大写字母“、”数字“、”特殊符号“、”字符长度“;设置2个”文本框“分别为晗稍噔猷:“密码”、“副本”设置4个“文本标签”分别为:“数字”、“特殊”、”小写字母“、”大写字母“隐藏:“文本框:副本”、“文本标签:数字”、文本标签:特殊”、文本标签:小写字母”、文本标签:大写字母”如下图所示:

Axure制作:验证强密码

3、依旧主要是针对“文本框:密码”做交互设置~

4、“文本框:密码”的“按键按下时”的交互动作:

Axure制作:验证强密码

5、判定条件:---按下的“按键”是“后退键(backspace)”---

Axure制作:验证强密码

6、动作:---设置“文本框:副本”内容为“文本框:密码”的内容---

Axure制作:验证强密码

7、“文本框:密码”的“文本改变时”的交互动作,这个有些多,需要一定的耐心和细心~

8、【重置】判定条件:“元件文字长度:辩尢霆靡密码”等于0动作:---设置“复选框:字符长度”、复选框:特殊符号”、复选框:数字”、复选框:大写字母”、“拎粹蠃账复选框:小写字母”为“未选中”状态设置“文本框:副本”为“空”值设置“文本标签:数字”、“文本标签:特殊”、“文本标签:大写字母”、“文本标签:小写字母”的内容为0---

Axure制作:验证强密码

Axure制作:验证强密码

Axure制作:验证强密码

Axure制作:验证强密码

Axure制作:验证强密码

9、【密码长度小于6】判定条件:“元件文字长度:密码”小于6动作:---设置“复选框:字符长度”为“未选中”状态---

Axure制作:验证强密码

Axure制作:验证强密码

Axure制作:验证强密码

10、【密码长度大于等于6】判定条件:“元件文字长度:密码”大于等于6动作:---设置“复选框:字符长度”为“选中”状态---

Axure制作:验证强密码

Axure制作:验证强密码

Axure制作:验证强密码

11、【删除大写字母】判定条件:按”后退键(backspace)“删除的是大写字母

Axure制作:验证强密码

Axure制作:验证强密码

Axure制作:验证强密码

12、动作:---设置“文本标签:大写字母”内容值减1---

Axure制作:验证强密码

Axure制作:验证强密码

13、【取消大写字母状态】判定条件:“元件文字:大写字母”的内容值等于0动作:---设置“复选框:大写字母”为“未选中”状态---

Axure制作:验证强密码

Axure制作:验证强密码

Axure制作:验证强密码

14、【判断大写字母】判定条件:输入的字穆饥汩皈母是否是“大写字母”---提取字符串最后一个字母的ASCII码:[[this.text.charCodeAt(this.text.length-1)]]---

Axure制作:验证强密码

Axure制作:验证强密码

Axure制作:验证强密码

15、动作:---设置“复选框:大写字母”为“选中”状态设置“文本标签:大写字母”内容值邹菁惨挣加1设置“文本框:副本”内容为“文本框:密码”的内容---

Axure制作:验证强密码

Axure制作:验证强密码

Axure制作:验证强密码

Axure制作:验证强密码

16、以下数字,小写字母,特殊字符的判定,交互方式类似,所以不再累述,提供交互设置截图,以供参考~

17、”数字“:

Axure制作:验证强密码

18、”小写字母“:

Axure制作:验证强密码

19、”特殊字符“:

Axure制作:验证强密码

20、设置完毕后,如果没有错误的话,一切ok了,其实并不难,就是繁琐些,需要些细心和耐心……效果如下:

Axure制作:验证强密码

21、终于算是把”强密码“验证通过分段分时方式,逐步分享给了大家,如果觉得不错的话,请投个票,加个赞哦~

怎样压缩视频保持原画 unity 3D怎么制作楼梯 Axure RP 如何实现下拉框二级联动效果 如何使用ZBrush绘制头部模型 axure怎么设置弹框动画?
热门搜索
最搞笑的电影 奥特曼电影 必看电影 猪人图片 遗落战境 电影