发布于 2018-01-31 09:24:15 | 67 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的AngularJS教程,程序狗速度看过来!

AngularJS 前端JS框架

AngularJS诞生于Google是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入,等等。


下面小编就为大家带来一篇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"

以上这篇AngularJS 表单验证手机号的实例(非必填)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持phperz。



相关阅读 :
AngularJS 表单验证手机号的实例(非必填)
AngularJs表单验证实例代码解析
AngularJS 表单验证示例代码
AngularJS表单验证中级篇(3)
AngularJS中实现用户访问的身份认证和表单验证功能
详细解读AngularJS中的表单验证编程
详解AngularJS中的表单验证(推荐)
AngularJS表单和输入验证实例
基于angularJS的表单验证指令介绍
AngularJS自动表单验证
AngularJS手动表单验证
AngularJS使用angular-formly进行表单验证
最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务