Axure 制作带有判断功能的注册页面

常见的注册页面可以判断用户填写的内容,本例旨在制作一个带有判断功能的注册页面。

要求,
1、用户名输入框必须输入用户名且长度大于5。
2、判断密码输入框A是否为数字与字母注册,且长度大于6小于16。
3、判断密码输入框B是否为数字与字母组合,且长度大于6小于16,同时与密码输入框A保持一致。
4、如果不符合1、2、3要给出提示语句。

第一步:先将需要的内容画出来,它包括,填写用户名输入框,密码输入框一,密码输入框二,Disable的注册按钮(注意:输入框选择为遮罩文本)。
step_1

第二步:我们建立一个动态面板,用它来做各种错误情况下的提示语句(记得编辑他们的详细内容)。
step_2

第三步:设置动态面板为隐藏,等到必要的时候才显示它们。
step_3

第四步:点击用户名输入框,判断用户是否输入用户名,若输入并且长度大于5,并显示输入正确。
step_4
(字错了,时间==事件,偷懒不修改了)

step_4_2

第五步:点击密码输入框一,判断用户是否输入密码,并且密码数字和字母组成,且长度在6~16,如果正确显示输入正确,反之显示对应错误提示。
step_5
step_5_2

step_5_3

第六步:点击密码输入框二,判断用户是否输入密码,并且密码由数字和字母组成,长度在6~16,密码内容与密码输入框一内的字符串内容相同,用户名输入正确,密码输入框一输入正确,若均符合显示输入正确,激活注册按钮,反之显示对应错误提示。
step_6

step_6_1

step_6_21

好了,设置完毕后,按F5生成原型即可。

可以访问这里看看我生成的原型:
http://www.zhangjingwei.com/axure/reg/index.html

因为我发现我一直很难表达清楚自己的意思,所以我将原型文件一起上传了,如果您不明白的话,下载我的原型看看就全明白了。哈     :)
点击这里下载原型文件

原文链接(325 views)|评论 (7)

分享Axure 5.1.0.1699汉化版

Axure是一款产品原型(Prototype)设计软件,可通过这个软件编辑一些常见的事件和在特点条件下才会触发的情况,可以快速的生成HTML Demo页面。

使用Axure的用户很多,据淘宝UED消息,他们的就使用Axure进行产品原型设计。

因为这个软件一直都是英文版,所以很多朋友还不太会使用,但伟大的平生一笑如雪中送炭一般给我们大家分享了Axure汉化文件,再次表示深不见底的谢意。

请注意,这个汉化是针对“Axure RP Pro 5.1.0.1699”的汉化,其他版本是否可以使用,还不知道。

使用方法是下载后解压缩,用解压缩得到的Client.dll文件覆盖掉Axure安装目录的同名文件。

Axure RP pro 5.1.0.1699 下载地址:http://www.skycn.com/soft/41842.html

汉化文件下载地址:http://share.138.io/get/c8bcfb5583f90227767246820.html

再次向平生一笑表示感谢。

原文链接(516 views)|评论 (4)