如何实现输入信息已存在校验-Axure基础教程

 时间:2024-10-31 04:46:43

1、新建页面,拖入输入框及标签,如图所示。标签我们是用来显示提示信息的,输入提示语,如此邮箱已存在。

如何实现输入信息已存在校验-Axure基础教程

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

如何实现输入信息已存在校验-Axure基础教程如何实现输入信息已存在校验-Axure基础教程

3、设置全局变量。点击菜单栏的项目--全局变量。在弹出的面板中输入变量名称以及对应的值。这里我们只需要一个变量就是邮箱的名称,值我们可以输入一个邮箱,也可以输入多个邮箱,用逗号或者其他符号隔开,方便区分。

如何实现输入信息已存在校验-Axure基础教程如何实现输入信息已存在校验-Axure基础教程

4、设置文本框的失去焦点时交互效果。选中文本框,单击右侧失去焦点时,然后在弹出的面板中单击添加条件

如何实现输入信息已存在校验-Axure基础教程如何实现输入信息已存在校验-Axure基础教程如何实现输入信息已存在校验-Axure基础教程

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

如何实现输入信息已存在校验-Axure基础教程

6、设置文本改变时交互效果。选中文本框,单击右侧文本改变时,然后偶在弹出的面板中单击添加条件。

如何实现输入信息已存在校验-Axure基础教程

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

如何实现输入信息已存在校验-Axure基础教程

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

如何实现输入信息已存在校验-Axure基础教程如何实现输入信息已存在校验-Axure基础教程
  • Axure RP 8获取短信验证码倒计时交互效果的实现
  • Axure移动添加边界如何添加局部变量
  • Axure 9 实现元件大小和位置变换
  • 如何使用Axure:[4]利用中继器实现自增
  • 如何利用Axure RP 8设计软件中的内联框架设置
  • 热门搜索
    旅游资讯网站 濮阳旅游景点大全 普者黑坝美旅游攻略 香港南丫岛旅游攻略 京都旅游攻略 遂宁旅游景点大全 联联旅游 北戴河旅游住宿 三亚航空旅游学院 江苏舜天海外旅游有限公司