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

AngularJS 表單驗證手機號的實例(非必填)

 更新時間:2017年11月12日 11:41:03   作者:FreshCoder_xq  
下面小編就為大家?guī)硪黄狝ngularJS 表單驗證手機號的實例(非必填)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

代碼如下所示:

<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">
  聯(lián)系電話格式不正確!</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 表單驗證手機號的實例(非必填)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • angularjs實現(xiàn)柱狀圖動態(tài)加載的示例

    angularjs實現(xiàn)柱狀圖動態(tài)加載的示例

    本篇文章主要介紹了angularjs實現(xiàn)柱狀圖動態(tài)加載的示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-12-12
  • Angular模板表單校驗方法詳解

    Angular模板表單校驗方法詳解

    這篇文章主要為大家詳細介紹了Angular模板表單校驗方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-08-08
  • Commands Queries設(shè)計模式提高Angular應(yīng)用性能及可維護性

    Commands Queries設(shè)計模式提高Angular應(yīng)用性能及可維護性

    在Angular應(yīng)用開發(fā)領(lǐng)域,Commands and Queries 設(shè)計模式是一個關(guān)鍵的概念,它有助于有效地管理應(yīng)用程序的狀態(tài)和與后端的交互,本文將深入探討這一設(shè)計模式的核心要點,并通過實際示例來加以說明
    2023-10-10
  • AngularJS動態(tài)添加數(shù)據(jù)并刪除的實例

    AngularJS動態(tài)添加數(shù)據(jù)并刪除的實例

    下面小編就為大家分享一篇AngularJS動態(tài)添加數(shù)據(jù)并刪除的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-02-02
  • Angular依賴注入系統(tǒng)里Injection token PLATFORM_ID使用場景詳解

    Angular依賴注入系統(tǒng)里Injection token PLATFORM_ID使用場景詳解

    這篇文章主要為大家介紹了Angular依賴注入系統(tǒng)里Injection token PLATFORM_ID使用場景詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-11-11
  • AngularJS中下拉框的基本用法示例

    AngularJS中下拉框的基本用法示例

    這篇文章主要介紹了AngularJS中下拉框的基本用法,結(jié)合具體實例形式分析了AngularJS下拉框的元素綁定、選中及顯示等功能實現(xiàn)方法,需要的朋友可以參考下
    2017-10-10
  • MODULE_INITIALIZER初始化Angular?懶加載模塊高級技巧

    MODULE_INITIALIZER初始化Angular?懶加載模塊高級技巧

    這篇文章主要為大家介紹了MODULE_INITIALIZER初始化Angular懶加載模塊高級技巧示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-10-10
  • AngularJS入門教程之過濾器詳解

    AngularJS入門教程之過濾器詳解

    本文主要講解AngularJS 過濾器,這里整理了過濾器的相關(guān)資料并附示例代碼,幫助大家學(xué)習(xí)AngularJS的知識,有需要的小伙伴可以參考下
    2016-08-08
  • 對angular4子路由&輔助路由詳解

    對angular4子路由&輔助路由詳解

    今天小編就為大家分享一篇對angular4子路由&輔助路由詳解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-10-10
  • Angular2庫初探

    Angular2庫初探

    本文將側(cè)重點放到npm上來,看看npm平臺給ng2帶來的酷炫的幫助。具有很好的參考價值,下面跟著小編一起來看下吧
    2017-03-03

最新評論