您现在的位置是:首页 > 设计知识设计知识
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:
很赞哦! ()