Axure 教程:注册验证

我们先看一下最终的效果:

猿型库:Axure小练习-注册验证

需求分析

产品经理,产品经理网站

原型设计

(1)拖入账号输入框account,设置最大输入长度为10,设置输入提示“账号只能包含字母和数字”;

(2)拖入图片account_img和文本account_msg,并且设置为隐藏;

(3)拖入密码输入框pass,设置输入类型为密码,设置输入提示”密码为6位数字“;

(4)拖入图片pass_img和文本pass_msg,并设置为隐藏;

(5)拖入注册按钮;

(6)拖入文本reg_result,并设置为隐藏;

猿型库:Axure小练习-注册验证

(7)设置全局变量reg_pass_correct和reg_account_correct。

猿型库:Axure小练习-注册验证

交互设计

(1)设置账号输入框account的“失去焦点事件”:

产品经理,产品经理网站

猿型库:Axure小练习-注册验证

(2)设置密码输入框pass的“失去焦点事件”:

产品经理,产品经理网站

猿型库:Axure小练习-注册验证

(3)设置登录按钮的点击事件:

产品经理,产品经理网站

猿型库:Axure小练习-注册验证

到了这步,注册的功能就算做好了,同学们赶紧去试试吧。

 

本文作者 @马白龙

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部