欢迎访问设·集合!

设·集合

您现在的位置是:首页 > 平面软件 > Axure

Axure如何实现输入信息已存在校验?

设·集合小编 发布时间:2023-04-14 13:39:42 1615次最后更新:2024-03-08 12:11:06

今天跟大家分享如何使用Axure的全局变量。通过灵活使用全局变量能够实现很多效果,比如注册验证信息是否已存在。今天就以邮箱验证为例,一起来看一看。

设·集合还有超多“Axure RP”视频课程,欢迎大家点击查看

工具/软件

硬件型号:华硕无畏15

系统版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

新建页面,拖入输入框及标签,如图所示。

标签我们是用来显示提示信息的,输入提示语,如此邮箱已存在。


第2步

设置提示标签的样式。

选中标签,设置颜色为红色,然后勾选隐藏选项,默认情况下这个提示标签是隐藏的。



第3步

设置全局变量。

点击菜单栏的项目--全局变量。在弹出的面板中输入变量名称以及对应的值。

这里我们只需要一个变量就是邮箱的名称,值我们可以输入一个邮箱,也可以输入多个邮箱,用逗号或者其他符号隔开,方便区分。



第4步

设置文本框的失去焦点时交互效果。

选中文本框,单击右侧失去焦点时,然后在弹出的面板中单击添加条件




第5步

设置焦点失去时条件并配置动作。

条件中选中我们设置的全局变量,条件为包含元件的值,如图所示。

设置对应的动作,单击显示动作--选中提示标签,单击确定。这样当文本框失去焦点时,会判断全局变量中是否包含文本框中输入的值,如果包含,则显示“此邮箱已存在”。


第6步

设置文本改变时交互效果。

选中文本框,单击右侧文本改变时,然后偶在弹出的面板中单击添加条件。


第7步

设置文本编辑是的条件并配置动作。

条件设置如图所示,设置全局变量不包含元件值。

配置对应的动作,单击隐藏工作--选中提示标签,单击确定。当文本发生变化时,会判断全局变量红是否包含文本框中的内容,如果不包含,则隐藏提示标签。


第8步

点击预览,输入一个全局变量中存在的邮箱,会出现提示,编辑修改,提示消失。



广告位

热心评论

评论列表