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 相关文章推荐
DWZ刷新dialog解决方法
Mar 03 Javascript
[JSF]使用DataModel处理表行事件的实例代码
Aug 05 Javascript
JavaScript中“过于”犀利地for/in循环使用示例
Oct 22 Javascript
jQuery中not()方法用法实例
Jan 06 Javascript
基于zepto.js实现仿手机QQ空间的大图查看组件ImageView.js详解
Mar 05 Javascript
JS实现从表格中动态删除指定行的方法
Mar 31 Javascript
JS日期加减,日期运算代码
Nov 05 Javascript
AngularJS基础 ng-include 指令简单示例
Aug 01 Javascript
bootstrap快速制作后台界面
Dec 05 Javascript
jquery将标签元素的高设为屏幕的百分比
Apr 19 jQuery
Vue 组件间的样式冲突污染
Aug 31 Javascript
使用ef6创建oracle数据库的实体模型遇到的问题及解决方案
Nov 09 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 网上商城促销设计实例代码
2012/02/17 PHP
php解决安全问题的方法实例
2019/09/19 PHP
jQuery中append、insertBefore、after与insertAfter的简单用法与注意事项
2020/04/04 Javascript
Ajax异步提交表单数据的说明及方法实例
2013/06/22 Javascript
JQuery+DIV自定义滚动条样式的具体实现
2013/06/25 Javascript
Javascript Web Slider 焦点图示例源码
2013/10/10 Javascript
将list转换为json失败的原因
2013/12/17 Javascript
jquery attr方法获取input的checked属性问题
2014/05/26 Javascript
Javascript基础教程之数组 array
2015/01/18 Javascript
jquery实现鼠标滑过显示提示框的方法
2015/02/05 Javascript
微信公众号-获取用户信息(网页授权获取)实现步骤
2016/10/21 Javascript
获取url中用&amp;隔开的参数实例(分享)
2017/05/28 Javascript
React-Native中props具体使用详解
2017/09/04 Javascript
Vue 监听列表item渲染事件方法
2018/09/06 Javascript
在vue项目中,将juery设置为全局变量的方法
2018/09/25 Javascript
详解vue中$nextTick和$forceUpdate的用法
2019/12/11 Javascript
vue-cli4.x创建企业级项目的方法步骤
2020/06/18 Javascript
vue项目接口域名动态获取操作
2020/08/13 Javascript
基于python实现在excel中读取与生成随机数写入excel中
2018/01/04 Python
PyQt5主窗口动态加载Widget实例代码
2018/02/07 Python
对Python之gzip文件读写的方法详解
2019/02/08 Python
解决pyPdf和pyPdf2在合并pdf时出现异常的问题
2020/04/03 Python
如何利用Python识别图片中的文字
2020/05/31 Python
使用tensorflow根据输入更改tensor shape
2020/06/23 Python
CSS3教程(7):CSS3嵌入字体
2009/04/02 HTML / CSS
安德玛菲律宾官网:Under Armour菲律宾
2020/07/28 全球购物
Ooni英国官网:披萨烤箱
2020/05/31 全球购物
往来会计岗位职责
2013/12/19 职场文书
企业道德讲堂实施方案
2014/03/19 职场文书
国企干部对照检查材料
2014/08/22 职场文书
2015年个人实习工作总结
2014/12/12 职场文书
安全先进个人材料
2014/12/29 职场文书
2015年党建工作目标责任书
2015/05/08 职场文书
煤矿安全学习心得体会
2016/01/18 职场文书
升职自荐书
2019/05/09 职场文书
springboot临时文件存储目录配置方式
2021/07/01 Java/Android