常见的注册页面可以判断用户填写的内容,本例旨在制作一个带有判断功能的注册页面。
要求,
1、用户名输入框必须输入用户名且长度大于5。
2、判断密码输入框A是否为数字与字母注册,且长度大于6小于16。
3、判断密码输入框B是否为数字与字母组合,且长度大于6小于16,同时与密码输入框A保持一致。
4、如果不符合1、2、3要给出提示语句。
第一步:先将需要的内容画出来,它包括,填写用户名输入框,密码输入框一,密码输入框二,Disable的注册按钮(注意:输入框选择为遮罩文本)。

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

第四步:点击用户名输入框,判断用户是否输入用户名,若输入并且长度大于5,并显示输入正确。

(字错了,时间==事件,偷懒不修改了)
第五步:点击密码输入框一,判断用户是否输入密码,并且密码数字和字母组成,且长度在6~16,如果正确显示输入正确,反之显示对应错误提示。


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

好了,设置完毕后,按F5生成原型即可。
可以访问这里看看我生成的原型:
http://www.zhangjingwei.com/axure/reg/index.html
因为我发现我一直很难表达清楚自己的意思,所以我将原型文件一起上传了,如果您不明白的话,下载我的原型看看就全明白了。哈 ![]()
点击这里下载原型文件







