验证手机号码

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：VS   正则

作者：袁志彤

撰写时间：2019-05-03

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

还是老师的那个作业，她说手机号码哪里也要验证，还占了五分，虽然已经交过作业了，但是有有一点小小的强迫症，如果我的东西还有什么地方没做完，哪怕已经交过了了，我也会把它做完。

 

验证手机号码其实挺简单的，只需要写一个方法就OK了，就开始，获取填写手机号码的那个文本框的值，并用var定义一个变量接收，其次，在一个if里用写验证手机号码的正则，然后通过test去比对文本框的值，就是让正则去验证文本框的值，test是JavaScript中的Regexp对象方法，test的作用是检索字符串中的指定的值，返回true和false。最后提示一下，返回一个false

 

 

在给文本框一个事件，个人推荐最好是失去焦点事件，因为失去焦点事件是焦点一失去就执行下面的代码，很适合当前的情况

 

 

 

这样就是获得焦点事件，因为焦点在这个文本框上，当你点击其他文本框或做其他事情时，就是失去焦点事件

这样就失去焦点了，然后执行接下来的代码，这样验证手机号码就做好了，当然这只是验证，我想做的是还要阻止保存，就是如果手机号码不正确就不让保存

那个不是手机号码，但是也修改成功了，不能这样子，所以我们还需要在修改保存和新增保存的地方多加一个判断，因为我把新增与修改保存写在一起了，所以我写一个判断就可以了

我们还得定义一个变量接收方法返回的值，把判断的方法写在判断数据为不为空的下面，如果接收的返回值等于false，那就提示手机号码错误，保存失败，如果不等于就执行else里面的代码，这样就是一个完整的手机号码的验证，这只是我认为的完整

只有手机号码填对了，才可以保存