在生活中我们在浏览网页的时候,经常会看到各种各样的输入框,每次在我们输入错误的时候拽蛊嵋敉提示我们,今天我们来看一下怎么用axure实现输入框错误提示效果。
工具/原料
axure
pc、Mac电脑
方法/步骤
1、打开软件后,在元件库中选择文本框,并把文本框拖入画布中。(如图)。
2、择文本标签输入提示文字,鼠标右键把提示文字设为隐藏。(如图)。
3、选中输入文本框,在属性栏中选择“文本改变时”(如图)。
4、在弹出的对话框中点击“添加条件”在添加中选择“元件文字长度”然后分别设置“〈=6值僭轿魍儿为6”,点击添加按钮添加一行,条件为“元件文字长度”然后分别设置“〉=12值为6”然后点击确定(如图)。
5、条件设置完成后再次选择“文本改变时“,选择“显示”然后在动作配置中找到“第二步隐藏的提示文件”点击确定制作完成(如图)。
6、点击保存后在浏览器中打开验证效果(如图)。
7、总结选择文本框设醅呓择锗置提示文字设置文本输入是条件设置文本输入具体参数设置满足条件后显示提示文字验证效果