Axure系列:使用文本框判断手机号正确性

上篇文章使用文本框的文字改变实现进度条的加载效果,那文本框的文字改变事件还能做些什么呢?

这次我们用它来实现:手机号动态输入时,判断手机号的正确性。

1、首先拖入文本框和矩形两个元件,命名为phonenum和tip。在属性中给文本框添加提示语和限制输入长度为11,tip矩形设置圆角,添加文字,再设置隐藏

2、tip矩形添加事件,显示时等待1s然后隐藏

3、[重要]  思路分两部分,我们知道手机号第一个数是1,第二个数是3、5、、7、8、9。

(1)当输入第一个数时就得判断是不是1。如图Case1 意思是:如果文本框文字是数字,且文本长度是1,且文本不是1,则显示tip。

(2)当输入第二个以后的数时就得判断第一第二位是不是13、15、17、18、19。如图Case2 意思是:如果文本框文字是数字,且文本长度大于等于2,且头两个数字不是13、15、17、18或19,则显示tip。


到这就完成了

总结:

1、文本框每输入一个文字(文字改变),则执行一次判断,做到实时监测

2、函数length是获取文本的长度

3、函数 substr(star,length) 表示 从某个位置开始向右截取一定长度的字符串


福利

演示地址:https://limumu1992.github.io/8wbkjianceshoujihao/

源文件地址:http://pan.baidu.com/s/1nuVT2Fv  密码:gsww

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容