Axure教程-全局变量:用户名输入的三种验证交互

1、案例示例:

2、参考对象:

3、案例描述:输入框三种状态:光标离开文本框时(失去焦点),如果用户名未输入,边框呈现红色,并有淡红色的填充,同时提示图标和文字(请属输入用户名);如果用户名已经注册,边框呈现红色,并有单红色的填充,同时提示图标和问题(账号已经存在);如果不是以上两种情况,则显示灰色边框,显示正确的绿色图标和灰色文字(通过验证)。

4、素材准备:

5、采用技术:全局变量(通过全局变量储存已经注册的用户名,用来比较结果,设置相应的交互内容)、设置文本-富文本-编辑文本、fontawesome

6、制作过程:https://srgpfl.axshare.com

7、相关素材:链接:https://pan.baidu.com/s/1MLM6Bu7Axgf8EW27CKKzKQ 密码:hhd1

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180421A000RK00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券