您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

AngularJS 实现表单验证手机号功能

2024/4/27 12:02:27发布17次查看
现在验证功能处处可见,做php开发的时候也是经常遇到,angular表单验证分为两种验证:1.内置验证(required,minlength等);2.自定义验证(正则表达式)。本文小编就为大家带来一篇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
相关推荐:
详解angular实现表单验证功能
手机注册时发送验证码倒计时功能
php 验证身份证号码
以上就是angularjs 实现表单验证手机号功能的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product