添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

Axure怎么实现输入错误时提示?

溜溜自学 平面设计 2022-10-20 浏览:793

大家好,我是小溜,在生活中我们在浏览网页的时候,经常会看到各种各样的输入框,每次在我们输入错误的时候提示我们,今天我们来看一下怎么用Axure实现输入框错误提示效果。

溜溜自学网还为大家准备了“Axure RP”相关视频教程, 快点击查看>>

工具/软件

硬件型号:戴尔灵越15

系统版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

打开软件后,在元件库中选择文本框,并把文本框拖入画布中。(如图)。

Axure怎么实现输入错误时提示?

第2步

择文本标签输入提示文字,鼠标右键把提示文字设为隐藏。(如图)。

Axure怎么实现输入错误时提示?

第3步

选中输入文本框,在属性栏中选择“文本改变时”(如图)。

Axure怎么实现输入错误时提示?

第4步

在弹出的对话框中点击“添加条件”在添加中选择“元件文字长度”然后分别设置“〈=6值为6”,点击添加按钮添加一行,条件为“元件文字长度”然后分别设置“〉=12值为6”然后点击确定(如图)。

Axure怎么实现输入错误时提示?

第5步

条件设置完成后再次选择“文本改变时“,选择“显示”然后在动作配置中找到“第二步隐藏的提示文件”点击确定制作完成(如图)。

Axure怎么实现输入错误时提示?

第6步

点击保存后在浏览器中打开验证效果(如图)。

Axure怎么实现输入错误时提示?

总结

1、选择文本框

2、设置提示文字

3、设置文本输入是条件

4、设置文本输入具体参数

5、设置满足条件后显示提示文字

6、验证效果

注意/提示

以上就是“Axure怎么实现输入错误时提示?”的全部内容了,如果大家想要了解更多的内容,可以关注 溜溜自学网 ,我们每天都会为大家带来更多的软件相关知识,供大家学习参考。

相关文章

  •