AxureRP教程–密码校验效果

现如今网络安全越来越受重视了,因此很多网站在注册的时候都会有密码校验的功能,来提示用户当前设置的密码强度。密码强度的提示也会有各种样式,不过核心不外乎告诉用户当前密码的弱,中,强这样的等级,下面这个例子就提供了几种常见的密码强度校验效果。

实现原理是很简单的,就是通过判断输入字符串的长度来决定显示的状态,字符串长度的判断在条件判断里面有,密码强弱状态的控制则用动态面板来做。在AxureRP里面不可能去设置一个复杂的算法来判断当前密码的组成的,因此就用最简单的方式来达到我们只是演示效果的目的,具体实现可由开发技术人员去考虑。

效果如上图所示按从左到右,从上到下排序,第一种和第三种是最常见的,只是第一种带强度提示,第三种则只有颜色提示;第二种比较少见,颜色提示是在输入框内的,第四种则是带提示信息的,比较人性化。前三种的模式其实差别都不大,可以互通互用。第四种适合比较动态的页面上,可以设置一些比较活泼的提示语。

这个密码校验效果之前在《AxureRP案例–注册登录功能》中也有提到,这里只是单独拿出来做了一下说明,设计制作是很简单的,交互也只有输入框和动态面板的设置,可以做成库文件,需要时调用一下。

示例在AxureRP 5.5 版本下调试通过

 

点此查看演示

点此下载源文件



无觅相关文章插件,快速提升流量

评论已关闭!