代码如下所示:
- <form ng-app="myApp" ng-controller="validateCtrl" name="myForm" novalidate>
- <p>
- 电话:
- <br>
- <input type="text" name="phone" ng-model="phone" ng-pattern="/(^$)|^(((\+86)|(86))?1[34578]\d{9})$/">
- <span style="color:red" ng-show="myForm.phone.$dirty && myForm.phone.$invalid">
- 联系电话格式不正确!
- </span>
- </p>
- <p>
- <input type="submit" ng-disabled="myForm.$invalid">
- </p>
- </form>
正则表达式:
1. 匹配空:^$
2. 匹配手机号:^(((\+86)|(86))?1[34578]\d{9})$
3. 控制提示信息的显示:ng-show="myForm.phone.$dirty && myForm.phone.$invalid"
以上这篇AngularJS 表单验证手机号的实例(非必填)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
来源: http://www.jb51.net/article/128027.htm