欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

AngularJs 最新驗(yàn)證手機(jī)號碼的實(shí)例,成功測試通過

 更新時(shí)間：2017年11月26日 12:35:36   作者：峰雨同行  
下面小編就為大家分享一篇AngularJs 最新驗(yàn)證手機(jī)號碼的實(shí)例,成功測試通過，具有很好的參考價(jià)值。希望對大家有所幫助。一起跟隨小編過來看看吧

實(shí)例如下：

<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">請輸入有效手機(jī)號!</p>
   </div>
  </div>
</form>

以上這篇AngularJs 最新驗(yàn)證手機(jī)號碼的實(shí)例,成功測試通過就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

  • Angular 數(shù)據(jù)請求的實(shí)現(xiàn)方法

    Angular 數(shù)據(jù)請求的實(shí)現(xiàn)方法

    本篇文章主要介紹了Angular 數(shù)據(jù)請求的實(shí)現(xiàn)方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-05-05
  • 深入淺析angular和vue還有jquery的區(qū)別

    深入淺析angular和vue還有jquery的區(qū)別

    vue是一個(gè)漸進(jìn)式的框架, 是一個(gè)輕量級的框架而angular是一個(gè)mvc框架, 各有千秋，下面小編通過本文給大家介紹angular和vue還有jquery的區(qū)別，感興趣的朋友一起看看吧
    2018-08-08
  • Angular2 組件間通過@Input @Output通訊示例

    Angular2 組件間通過@Input @Output通訊示例

    本篇文章主要介紹了Angular2 組件間通過@Input @Output通訊示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-08-08
  • angular中默認(rèn)路由的理解用法詳解

    angular中默認(rèn)路由的理解用法詳解

    這篇文章主要介紹了angular中的默認(rèn)路由的用法,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
    2022-02-02
  • angularjs+bootstrap菜單的使用示例代碼

    angularjs+bootstrap菜單的使用示例代碼

    本篇文章主要介紹了angularjs+bootstrap菜單的使用示例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。
    2017-03-03
  • AngularJs 最新驗(yàn)證手機(jī)號碼的實(shí)例,成功測試通過

    AngularJs 最新驗(yàn)證手機(jī)號碼的實(shí)例,成功測試通過

    下面小編就為大家分享一篇AngularJs 最新驗(yàn)證手機(jī)號碼的實(shí)例,成功測試通過，具有很好的參考價(jià)值。希望對大家有所幫助。一起跟隨小編過來看看吧
    2017-11-11
  • Angular模板表單校驗(yàn)方法詳解

    Angular模板表單校驗(yàn)方法詳解

    這篇文章主要為大家詳細(xì)介紹了Angular模板表單校驗(yàn)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2017-08-08
  • angularjs中的單元測試實(shí)例

    angularjs中的單元測試實(shí)例

    這篇文章主要介紹了angularjs中的單元測試實(shí)例,本文主要說說利用karma和jasmine來進(jìn)行ng模塊的單元測試,需要的朋友可以參考下
    2014-12-12
  • angular框架實(shí)現(xiàn)全選與單選chekbox的自定義

    angular框架實(shí)現(xiàn)全選與單選chekbox的自定義

    這篇文章主要介紹了angular框架實(shí)現(xiàn)全選與單選chekbox的自定義,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2017-07-07
  • 在Angular測試中使用spy的教程詳解

    在Angular測試中使用spy的教程詳解

    spy?是一種檢查函數(shù)是否被調(diào)用或提供自定義返回值的方法,我們可以使用spy?來測試依賴于服務(wù)的組件,并避免實(shí)際調(diào)用服務(wù)的方法來獲取值,在本文中,您將學(xué)習(xí)如何在?Angular?項(xiàng)目中使用?Jasmine?spy,需要的朋友可以參考下
    2024-03-03

最新評論