AngularJS 表单验证手机号(非必填),angularjs必填分享


代码:

<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”

www.dengb.comtruehttps://www.dengb.com/HTML_CSS/1232444.htmlTechArticleAngularJS 表单验证手机号(非必填),angularjs必填 代码: form ng-app =”myApp” ng-controller =”validateCtrl” name =”myForm” novalidate p 电话: br input type =”text”…

—-想了解更多的css相关样式处理怎么解决关注<计算机技术网(www.ctvol.com)!!>

本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

ctvol管理联系方式QQ:251552304

本文章地址:https://www.ctvol.com/csstutorial/109608.html

(0)
上一篇 2020年5月4日
下一篇 2020年5月4日

精彩推荐