AngularJS 表单验证手机号的实例(非必填)

2019-11-19 14:56:49

字体：大中小

来源：转载

供稿：网友

代码如下所示：

<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 表单验证手机号的实例(非必填)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持武林网。

上一篇：js设置随机切换背景图片的简单实例

下一篇：基于js中style.width与offsetWidth的区别(详解)