Axure怎么实现手机号码简单验证？
溜溜自学专注室内设计，平面设计，视频剪辑，建筑动画和软件入门基础教程，新手实现快速入门与成长？去看一下 >>为您推荐相关课程
更多课程>>大家好，我是小溜，Axure怎么实现手机号码简单验证？相信很多小伙伴都对这个问题很感兴趣，那么具体怎么操作呢？下面小溜就给大家分享一下，Axure实现手机号码简单验证的方法，希望能帮助到大家。
想要更深入的了解“Axure RP”可以点击免费试听溜溜自学网课程>>
工具/软件
硬件型号：小新Pro14
系统版本：Windows7
所需软件：Axure RP
方法/步骤
第1步
手机号码验证原理：
1.手机号码第一位是1
2.手机号码第二不是0、1、2、4、6
3.手机号码都是数字，没有字母
第2步
新建2个标签，及1个文本框：
1.修改1个“标签”内容为：手机号码
2.修改1个“标签”内容为：提示
布局如图所示：
第3步
”标签：提示“做个隐藏处理
第4步
这里主要是对”文本框“做”文本改变时“和”失去焦点时“的动作：
第5步
“文本改变时”的动作：
条件1：
1.“文本框”的字符串的不是数字
2.且“文本框”的字符串不是空
如下图所示：
第6步
动作1：
1.显示”提示：格式错误！“
2.”文本框“不能失去焦点，得重新输入正确字符串
第7步
”提示“文本可以使用富文本方式，
可参考下图设置：
第8步
条件2：
其他状况
动作2：
隐藏”提示“
第9步
“失去焦点时”的动作：
条件1：
判断”文本框“是否为空
如下图所示：
第10步
动作1：
显示”提示：请输入手机号码！“
第11步
条件2：
如果是以下任何一个条件：
1.字符串第一位不是”1“
2.字符串第二位不是”3、5、7、8、9“
3.字符串长度小于11
如下图所示：
第12步
其中，配置：
字符串第一位不是”1“细节图如下：
第13步
其中，配置：
字符串第二位不是”3、5、7、8、9“细节图如下：
第14步
动作2：
1.显示”提示：格式错误！“
2.”文本框“不能失去焦点，得重新输入正确字符串
第15步
所有动作汇总截图如下：
第16步
动作设置完后，就可以看效果了
测试下手机验证是不是很不错~
觉得不错的话，请投个票，加个赞哦~
注意/提示
以上就是“Axure怎么实现手机号码简单验证？”的详细内容了，不知道小伙伴们学会了吗？本站还为大家提供了超多和软件相关内容的信息，感兴趣的小伙伴们可以关注溜溜自学网并前往学习哦！
Axure8.0交互设计必备教程
大宝老师
669人在学
基础入门
特别声明：以上文章内容来源于互联网收集整理，不得将文章内容用于商业用途，如有关于作品内容、版权或其它问题请与溜溜客服联系。
-
1.1万人在看
-
3236人在看
-
522人在看
-
3.08万人在看
-
726人在看
-
1.31万人在看
相关文章推荐 更多>>
-
Axure怎么实现手机号码简单验证？
大家好，我是小溜，Axure怎么实现手机号码简单验证？相信很多小伙伴都对这个问题很感兴趣，那么具体怎么操作呢？下面小溜就给大家分享一下，Axure实现手机号码简单验证的方法，希望能帮助到大家。想要更深入的了解“Axure RP”可以点击免费试听溜溜自学网课程>>工具/软件硬件型号：小新Pro14系统....
文章作者：小溜 文章分类：平面设计 发布时间：2022-10-26 浏览量：863
-
Axure8.0交互设计必备教程
Axure RP是一个专业的快速原型设计工具。Axure RP已被一些大公司采用。是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。
讲师：大宝老师 发布时间：2020-05-07 在看人数：669
-
Axure怎么实现电话号码的验证？
大家好，我是小溜，Axure制作原型的登陆验证时，不免要使用到手机、邮箱的验证，没有正则表达式，我们就来使用字符串的方式做简单的验证，下面就跟小溜来学学方法吧。对于“Axure RP”还有不懂的地方，点击这里了解更多关于“Axure RP”课程>>工具/软件硬件型号：微软Surface Laptop....
文章作者：小溜 文章分类：平面设计 发布时间：2022-10-27 浏览量：1029
-
Grasshopper | 简单好学的参数化设计课
本课程适合建筑、景观、规划、室内专业学生和设计师学习，涂涂老师全程以参数化设计项目实战方法和经验教学，将研究多年的实战经验以清晰易懂的方法传授给学员，学以致用是最终目标。
讲师：墨鱼设计学院 课程分类：建筑景观 发布时间：2023-12-22 在看人数：43
-
Axure怎么实现账号和密码验证？
大家好，我是小溜，在大部分网站上都有登陆验证功能，相信小伙伴们都用使用过。那么在Axure中，我们要如何实现账号和密码的验证呢？下面小溜就带大家来看看方法。点击观看“Axure RP”视频教程，帮助你更好的上手工具/软件硬件型号：华硕（ASUS）S500系统版本：Windows7所需软件：Axure....
文章作者：小溜 文章分类：平面设计 发布时间：2022-11-14 浏览量：1347
-
Axure怎么制作验证强密码？
大家好，我是小溜，Axure怎么制作验证强密码？相信很多小伙伴都对这个问题很感兴趣，那么具体怎么操作呢？下面小溜就给大家分享一下，Axure制作验证强密码的方法，希望能帮助到大家。想了解更多的“Axure RP”相关内容吗？点击这里免费试学Axure RP课程>>工具/软件硬件型号：华为笔记本电脑M....
文章作者：小溜 文章分类：平面设计 发布时间：2022-10-18 浏览量：603
-
Axure怎么制作验证手机号效果？
大家好，我是小溜，Axure怎么制作验证手机号效果？相信很多小伙伴都对这个问题很感兴趣，那么具体怎么操作呢？下面小溜就给大家分享一下，Axure制作验证手机号效果的方法，希望能帮助到大家。想了解更多的“Axure RP”相关内容吗？点击这里免费试学Axure RP课程>>工具/软件硬件型号：华为Ma....
文章作者：小溜 文章分类：平面设计 发布时间：2022-10-13 浏览量：868
-
Axure怎么制作输入框验证手机号效果？
大家好，我是小溜，在日常上网过程中，登录自己的帐户时需要输入手机号，当手机号输入的格式不正确或少于规定的位数时，会提示你手机号输入错误，这个效果用Axure也是可以实现的，只需要在输入时加入一些判断条件即可解决，下面小溜介绍一下Axure原型工作制作输入框验证手机号效果的方法。如果您是第一次学习“A....
文章作者：小溜 文章分类：平面设计 发布时间：2022-10-13 浏览量：926
-
Axure怎么实现草图效果？
大家好，我是小溜，在Axure实现草图效果是很基础的操作，是每个学习Axure的小伙伴都必须要掌握的技巧之一，那么今天小溜就带大家来好好学习下，Axure实现草图效果的方法，希望能帮助到大家。如果大家想要学习更多的“Axure RP”相关内容，点击这里可学习Axure RP课程>>工具/软件硬件型号....
文章作者：小溜 文章分类：平面设计 发布时间：2022-10-14 浏览量：901
-
Axure怎么实现显示当前时间？
大家好，我是小溜，我们在浏览一些网站的时候，经常看到一些网站的头部显示，当前年月和当前时间，相对来说运用比较广泛，那这种效果是怎么实现的呢？下面小溜就以Axure来实现给大家看。想了解更多的“Axure RP”相关内容吗？点击这里免费试学Axure RP课程>>工具/软件硬件型号：华硕无畏15系统版....
文章作者：小溜 文章分类：平面设计 发布时间：2022-11-11 浏览量：867
-
Axure怎么实现颜色表的切换？
大家好，我是小溜，如何用Axure实现颜色表的切换？具体实现为点击红色，页面背景变为红色，点击绿色，页面背景变为绿色……且对应的标题文字跟着进行相应的变化？相信大家觉得很难实现，但下面跟着小溜一起操作，就能轻松学会。溜溜自学网还有超多“Axure RP”视频课程，欢迎大家点击查看工具/软件硬件型号：....
文章作者：小溜 文章分类：平面设计 发布时间：2022-11-02 浏览量：947
-
Axure怎么实现滑动解锁效果？
大家好，我是小溜，在我们设计手机UI时经常会看到一些像右滑动解锁效果，那么具体是怎么实现的呢？今天我们就来看一下怎么通过Axure实现滑动解锁效果吧。溜溜自学网还有超多“Axure RP”视频课程，欢迎大家点击查看工具/软件硬件型号：华为笔记本电脑MateBook 14s系统版本：Windows7所....
文章作者：小溜 文章分类：平面设计 发布时间：2022-10-21 浏览量：938
