广告合作
  • 今日头条

    今日头条

  • 百度一下

    百度一下,你就知道

  • 新浪网

    新浪网 - 提供新闻线索,重大新闻爆料

  • 搜狐

    搜狐

  • 豆瓣

    豆瓣

  • 百度贴吧

    百度贴吧——全球领先的中文社区

  • 首页 尚未审核订阅工具 订阅

    Axure制作:验证强密码

    来源:网络收集  点击:  时间:2024-02-12
    【导读】:
    前段时间介绍了2篇有关”强密码“的验证方式,提供了一些具体验证方式,可参考以下链接~今天在早期的基础上,完善,优化验证方式~并加入对密码长度的验证,效果如下:工具/原料moreAxure RP 8方法/步骤1/21分步阅读

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

    2/21

    设置5个”复选框”分别为:”小写字母“、”大写字母“、”数字“、”特殊符号“、”字符长度“;

    设置2个”文本框“分别为:“密码”、“副本”

    设置4个“文本标签”分别为:“数字”、“特殊”、”小写字母“、”大写字母“

    隐藏:“文本框:副本”、“文本标签:数字”、文本标签:特殊”、文本标签:小写字母”、文本标签:大写字母”

    如下图所示:

    3/21

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

    4/21

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

    5/21

    判定条件:

    ---

    按下的“按键”是“后退键(backspace)”

    ---

    6/21

    动作:

    ---

    设置“文本框:副本”内容为“文本框:密码”的内容

    ---

    7/21

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

    8/21

    【重置】

    判定条件:“元件文字长度:密码”等于0

    动作:

    ---

    设置“复选框:字符长度”、复选框:特殊符号”、复选框:数字”、复选框:大写字母”、“复选框:小写字母”为“未选中”状态

    设置“文本框:副本”为“空”值

    设置“文本标签:数字”、“文本标签:特殊”、“文本标签:大写字母”、“文本标签:小写字母”的内容为0

    ---

    9/21

    【密码长度小于6】

    判定条件:“元件文字长度:密码”小于6

    动作:

    ---

    设置“复选框:字符长度”为“未选中”状态

    ---

    10/21

    【密码长度大于等于6】

    判定条件:“元件文字长度:密码”大于等于6

    动作:

    ---

    设置“复选框:字符长度”为“选中”状态

    ---

    11/21

    【删除大写字母】

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

    12/21

    动作:

    ---

    设置“文本标签:大写字母”内容值减1

    ---

    13/21

    【取消大写字母状态】

    判定条件:“元件文字:大写字母”的内容值等于0

    动作:

    ---

    设置“复选框:大写字母”为“未选中”状态

    ---

    14/21

    【判断大写字母】

    判定条件:输入的字母是否是“大写字母”

    ---

    提取字符串最后一个字母的ASCII码:]

    ---

    15/21

    动作:

    ---

    设置“复选框:大写字母”为“选中”状态

    设置“文本标签:大写字母”内容值加1

    设置“文本框:副本”内容为“文本框:密码”的内容

    ---

    16/21

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

    17/21

    ”数字“:

    18/21

    ”小写字母“:

    19/21

    ”特殊字符“:

    20/21

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

    效果如下:

    21/21

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

    AXURE制作强密码验证设计
    本文关键词:

    版权声明:

    1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

    2、本站仅提供信息发布平台,不承担相关法律责任。

    3、若侵犯您的版权或隐私,请联系本站管理员删除。

    4、文章链接:http://www.ff371.cn/art_25157.html

    ©2019-2020 http://www.ff371.cn/ 国ICP备20009186号06-05 10:20:29  耗时:0.019