教大家使用Axure制作验证手机号效果

 时间:2026-02-15 00:25:59

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

教大家使用Axure制作验证手机号效果

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

教大家使用Axure制作验证手机号效果

教大家使用Axure制作验证手机号效果

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

教大家使用Axure制作验证手机号效果

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

教大家使用Axure制作验证手机号效果

教大家使用Axure制作验证手机号效果

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

教大家使用Axure制作验证手机号效果

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

教大家使用Axure制作验证手机号效果

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

教大家使用Axure制作验证手机号效果

8、更多Axure实用经验,关注小编来学习

  • Axure制作:验证强密码
  • Axure制作:手机号码简单验证
  • Animate/FLASH如何实现水平拖动图片(AS3)
  • AxureRP如何对元件内的文字进行样式修改
  • axure怎么设置弹框动画?
  • 热门搜索
    小孩营养不良怎么办 月季花的养殖方法 怎么编辫子 怎么去掉双下巴 凉拌苦菊的家常做法 一品红怎么养 众人帮怎么赚钱快 电脑开机密码忘记怎么办 头癣的治疗方法 鸟类大全图片及名称