Axure中文社区

WebPPD产品原型设计

 找回密码
 新用户注册
查看: 1491|回复: 1

[使用方法] 练习手机号的输入验证

[复制链接]

453

主题

6677

帖子

6万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
67645

实名认证

QQ
发表于 2019-12-17 18:57:53 | 显示全部楼层 |阅读模式
销售rp作品
001.png

演示地址:http://cloud.axure.org/jdme1j/

只是练习条件判断的一些功能,做练习没有必要做到这个程序,不同情况在旁边写出注释说明即可。


复杂案例

输入框主要判断逻辑:

1. 输入框不为空时,显示清空按钮。
2. 输入框是数字,不包含空格,且小于等于11位时,将输入的内容保存到变量先存起来。
3. 如果输入的不符合上述条件,则清除刚刚输入的内容,恢复到之前存储在变量中的内容。
4. 如果输入达到11位了,使提交按钮变为高亮的“选中”状态。
5. 如果没有达到11位,提交按钮一直是灰色状态。

提交按钮主要判断逻辑:

1. 输入手机号为空,提示请输入手机号。让提示语的宽度随提示字数的多少变化。
2. 如果手机号在1~11位之间,提示请输入正确的手机号。让提示语的宽度随提示字数的多少变化。
3. 否则,认为输入正确,进入到验证码页面。


简单案例

输入框主要判断逻辑:

1. 在输入框右键指定了“最大长度”为11。
2. 如果输入框不为空,显示清空按钮。使提高按钮变为高亮的“选中”状态。
3. 否则,不显示清空按钮,提高按钮为非高亮状态。

提交按钮主要判断逻辑:

1. 如果输入框为11位且为数字,且认为输入正确进入验证码页面。
2. 否则提示请输入正确的手机号。


源文件:

手机号登录演示.rp

124.64 KB, 下载次数: 1

售价(充值): 10 虚拟币_角  [记录]  [购买]

453

主题

6677

帖子

6万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
67645

实名认证

QQ
 楼主| 发表于 2019-12-31 09:56:06 | 显示全部楼层
在当前页显示验证码的演示动画。

001.gif
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|友情链接|版权声明|关于我们|Axure中文社区

GMT+8, 2020-2-17 05:54

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表