欢迎访问设·集合!

设·集合

您现在的位置是:首页 > 平面软件 > Axure

Axure怎么制作验证手机号效果?

设·集合小编 发布时间:2023-04-17 15:10:46 1306次最后更新:2024-03-08 12:12:20

Axure怎么制作验证手机号效果?相信很多小伙伴都对这个问题很感兴趣,那么具体怎么操作呢?下面就给大家分享一下,Axure制作验证手机号效果的方法,希望能帮助到大家。

想了解更多的“Axure RP”相关内容吗?点击这里免费试学Axure RP课程>>

工具/软件

硬件型号:华为MateBook D 14

系统版本:Windows10

所需软件:Axure RP

方法/步骤

第1步

首先我们打开Axure新建一个空白页面,在空白页面拖入本次要使用的相关元件,如下图所示。


第2步

然后重要的一点要给这些元件命名,并对相关元件调整一下样式,如下图所示。



第3步

然后我们给相关元件的交互事件做一下设置,如下图所示。


第4步

在加入交互事件的时候,需要用到一些判断条件,如下图所示。



第5步

最后设置完成后我们看一效果,当输入非数字时的验证,如下图所示。


第6步

当输入正确的手机号时的效果,如下图所示。


第7步

然后输入的是数字,但大于11位的时候效果,如下图所示。


广告位

热心评论

评论列表