axure怎么实现输入错误时提示

  • 原创
  • |
  • 浏览: 2307
  • |
  • 更新:
  • |
  • 标签: AXURE

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

方法/步骤

  1. 2

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

  2. 3

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

  3. 4

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

  4. 5

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

  5. 6

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

  6. 7

    总结

    1、选择文本框

    2、设置提示文字

    3、设置文本输入是条件

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

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

    6、验证效果

    END
此内容有帮助 ?