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