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位的时候效果,如下图所示。
相关文章
广告位
评论列表