AngularJs 最新验证手机号码的实例,成功测试通过


Posted in Javascript onNovember 26, 2017

实例如下:

<form name="signUpForm" novalidate>

  <div class="form-group">
  <div class="row clearfix">
   <label for="tel1" class="col-xs-12" style="text-align: left">L张蒙号码1:</label>
   <div style="text-align: center" class="col-xs-12">
    <input id="tel1" type="tel" name="tel1"
        data-ng-model="vm.tel1"
        ng-minlength="11"
        ng-pattern="/^1[3|5][0-9]\d{4,8}$/" required
        style="width: 80%;font-size: large"
        placeholder="请输入号码1:"/>
   </div>
   <div class="col-xs-12">
    <p class="glyphicon glyphicon-ok input_result text-success"
      ng-if="signUpForm.tel1.$valid"></p>
    <p class="text-danger glyphicon glyphicon-remove"
      ng-if="signUpForm.tel1.$error.required&&signUpForm.tel1.$touched">电话不能为空!</p>
    <p class="text-danger glyphicon glyphicon-remove"
      ng-if="(signUpForm.tel1.$error.minlength||signUpForm.tel1.$error.maxlength||signUpForm.tel1.$error.pattern)&&signUpForm.tel1.$touched">请输入有效手机号!</p>
   </div>
  </div>
</form>

以上这篇AngularJs 最新验证手机号码的实例,成功测试通过就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 冒号 使用说明
Jun 06 Javascript
jQuery trigger()方法用法介绍
Jan 13 Javascript
JavaScript通过prototype给对象定义属性用法实例
Mar 23 Javascript
批量下载对路网图片并生成html的实现方法
Jun 07 Javascript
jquery实用技巧之输入框提示语句
Jul 28 Javascript
Bootstrap框架的学习教程详解(二)
Oct 18 Javascript
jquery点击展示与隐藏更多内容
Dec 03 Javascript
Vue.js系列之项目搭建(1)
Jan 03 Javascript
使用JavaScript实现一个小程序之99乘法表
Sep 21 Javascript
react-router4按需加载(踩坑填坑)
Jan 06 Javascript
深入了解query和params的使用区别
Jun 24 Javascript
微信小程序授权登陆及每次检查是否授权实例代码
Sep 18 Javascript
Javacript中自定义的map.js  的方法
Nov 26 #Javascript
css和js实现弹出登录居中界面完整代码
Nov 26 #Javascript
js 判断一个数字是不是2的n次方幂的实例
Nov 26 #Javascript
微信小程序wx.request实现后台数据交互功能分析
Nov 25 #Javascript
利用JavaScript的%做隔行换色的实例
Nov 25 #Javascript
zTree节点文字过多的处理方法
Nov 24 #Javascript
JavaScript程序设计高级算法之动态规划实例分析
Nov 24 #Javascript
You might like
一个php短网址的生成代码(仿微博短网址)
2014/05/07 PHP
javascript 控制 html元素 显示/隐藏实现代码
2009/09/01 Javascript
JavaScript 学习笔记 Black.Caffeine 09.11.28
2009/11/30 Javascript
Javascript 面向对象特性
2009/12/28 Javascript
IE下使用cloneNode注意事项分享
2012/11/22 Javascript
javascript面向对象特性代码实例
2014/06/12 Javascript
js实现从数组里随机获取元素
2015/01/12 Javascript
在jQuery中使用$而避免跟其它库产生冲突的方法
2015/08/13 Javascript
JS+CSS实现仿支付宝菜单选中效果代码
2015/09/25 Javascript
微信小程序 生命周期详解
2016/10/12 Javascript
javascript中的后退和刷新实现方法
2016/11/10 Javascript
完美实现js焦点轮播效果(一)
2017/03/07 Javascript
js图片轮播插件的封装
2017/07/21 Javascript
在一般处理程序(ashx)中弹出js提示语
2017/08/16 Javascript
Vue+Django项目部署详解
2019/05/30 Javascript
express框架下使用session的方法
2019/07/31 Javascript
解决新建一个vue项目过程中遇到的问题
2020/10/22 Javascript
用Python输出一个杨辉三角的例子
2014/06/13 Python
python+selenium开发环境搭建图文教程
2017/08/11 Python
Python基于win32ui模块创建弹出式菜单示例
2018/05/09 Python
Python3 执行系统命令并获取实时回显功能
2019/07/09 Python
Windows下pycharm安装第三方库失败(通用解决方案)
2020/09/17 Python
JD Sports马来西亚:英国领先的运动鞋和运动服饰零售商
2018/03/13 全球购物
世界领先的艺术图书出版社:TASCHEN
2018/07/23 全球购物
后勤自我鉴定
2013/10/13 职场文书
毕业生的自我鉴定
2013/10/29 职场文书
实习求职信
2013/12/01 职场文书
致跳高运动员加油稿
2014/02/12 职场文书
会计自荐信范文
2014/03/09 职场文书
公司廉洁自律承诺书
2014/03/27 职场文书
团日活动总结
2014/04/28 职场文书
学期评语大全
2014/04/30 职场文书
房屋租赁协议书(标准版)
2014/10/02 职场文书
商铺门面租房协议书
2014/10/21 职场文书
调任通知
2015/04/21 职场文书
单独二胎证明
2015/06/24 职场文书