品牌型号：联想Yoga 14Sitl

系统：Windows 10 64位专业版

软件版本：Axure rp 9

给表单做上智能验证功能的好处是能让体验更顺畅。用户边填边就能知道哪里填错了，不用等提交再报错。而且，有了这个功能，我们就像把流程提前跑了一遍，设计上的问题能早点发现、早点解决。下面就为大家介绍Axure RP如何实现智能表单验证，Axure RP表单验证与数据校验的相关内容。

一、Axure RP如何实现智能表单验证

在Axure里想给表单加上智能验证，比如检查手机号位数对不对、密码有没有填，都是按这个逻辑来实现的：用变量来临时存一下输入的内容，用条件判断来检查这个内容对不对，最后用交互动作（比如显示错误提示）来给用户反馈。虽然它不像真程序那样有后台逻辑，但在我们做原型测试的时候，完全够用了。下面就以检查手机号位数为例，为大家介绍在Axure里是怎么一步步实现智能表单验证的。

1、界面搭建。首先从左侧元件库中拖拽【文本框】到画布，作为手机号输入区域。要注意区分文本框与文本标签的功能差异：前者支持输入，后者只能做静态文字展示。在样式面板中，为文本框设定提示文本【请输入手机号码】。接着添加文本标签，打上【手机号码】作为输入项标题。

同时准备错误提示文本，打上【手机号码错误！】，并通过右键菜单把它的初始状态【设为隐藏】。这个提示内容只在验证失败时出现。

2、设置交互事件。在网页的设计里我们经常会遇到的是光标移开后点击空白位置，系统自动开始验证。这可以通过【失去焦点时】事件实现。把这个事件绑定到文本框后，当用户完成输入并切换焦点时，将自动执行验证流程。如果验证未通过，则触发【显示/隐藏】动作，把错误提示信息呈现出来。

3、添加判断逻辑。点击【失去焦点时】事件旁的【启用情形】进入设置界面。

将情形命名为【手机号格式错误】，设置条件为【元件文字长度】，目标选择当前文本框，运算符选【不等于】，比较值设为11（手机号通常需要11位数字）。系统会根据这个规则检测输入字符的数量。

4、预览测试效果。点击【预览】功能，尝试输入10位数字后点击空白区域。如果错误提示显示，表明验证机制已成功生效。

二、Axure RP表单验证与数据校验

除基础格式验证外，Axure还能模拟更复杂的数据校验场景，比如账户密码匹配检测、用户名重复校验等。接下来以登录界面的账号和密码校验为例进行演示。

1、配置全局变量。这相当于在Axure中创建简易数据库。通过【项目】找到【全局变量】。

新建两个变量：分别命名为account（赋值admin）和password（赋值123）。

2、设计登录界面。使用文本标签创建【账号】、【密码】标题，对应配置两个输入文本框。加入登录按钮，并创建【登录成功】标签文本，初始状态设为隐藏。

3、配置交互事件。为实现点击登录按钮时的验证功能，要为按钮添加【单击时】事件，通过【显示/隐藏】动作控制【登录成功】提示的显示状态。

4、设置校验条件。在情形编辑窗口中创建【登录成功】情形。这里要配置双重条件：条件一设定【账号框】文字内容与变量account一致；条件二设定【密码框】文字内容与变量password匹配。条件关系要设置为且，代表必须同时满足两项条件，确保账户和密码完全匹配才能登录成功。

5、功能测试。进入【预览】模式，输入预设账号admin和密码123后点击登录。如果【登录成功】提示能显示，证明数据校验功能有效。

以上就是Axure RP如何实现智能表单验证，Axure RP表单验证与数据校验的相关内容。在Axure里做表单验证，核心就是灵活运用变量、条件和交互这三样东西。变量负责记住输入的内容，条件负责判断内容对不对，交互则负责给出反馈。掌握这套方法后，就能让原型具备纠错能力。这样一来，我们就能在设计阶段提前发现流程中可能卡住用户的地方，及时调整优化。