您现在的位置是:首页 > 设计知识设计知识

axure手机号码验证,

网一2022-11-23 10:55:46设计知识21人已围观

简介axure手机号码验证,pythonAxure是如何做出验证手机号的效果的?相信很多小伙伴对这个问题都很感兴趣,那么具体怎么操作呢?跟大家分享一下吧。Axure做一个验证手机号效果的方法,希望能帮到你。想了解更多关

axure手机号码验证,

pythonAxure是如何做出验证手机号的效果的?相信很多小伙伴对这个问题都很感兴趣,那么具体怎么操作呢?跟大家分享一下吧。Axure做一个验证手机号效果的方法,希望能帮到你。

想了解更多关于“Axure RP”的知识?点击此处免费试用Axure RP课程。

工具/软件

硬件型号:华为MateBook D 14

版本:Windows10

所需软件:Axure RP

方法/步骤

第1步

首先我们打开Axure新建一个空白页,将本次要用到的相关组件拖拽到空白页中,如下图所示。

第2步

那么给这些组件命名并调整相关组件的样式就很重要了,如下图所示。

第3步

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

第4步

加入互动事件时,需要使用一些判断条件,如下图所示。

第5步

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

第6步

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

第7步

那么输入的是数字,但是效果大于11位,如下图所示。

注意/提示

好了,这次关于“Axure如何做出验证手机号的效果?”就是这样。按照教程步骤操作是不是超级容易?更多软件使用技巧,请关注小六!

Tags:

很赞哦! ()

随机图文

留言与评论(共有 条评论)
   
验证码:

本栏推荐