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"> 聯(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)加載的示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-12-12Commands Queries設(shè)計模式提高Angular應(yīng)用性能及可維護性
在Angular應(yīng)用開發(fā)領(lǐng)域,Commands and Queries 設(shè)計模式是一個關(guān)鍵的概念,它有助于有效地管理應(yīng)用程序的狀態(tài)和與后端的交互,本文將深入探討這一設(shè)計模式的核心要點,并通過實際示例來加以說明2023-10-10AngularJS動態(tài)添加數(shù)據(jù)并刪除的實例
下面小編就為大家分享一篇AngularJS動態(tài)添加數(shù)據(jù)并刪除的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02Angular依賴注入系統(tǒng)里Injection token PLATFORM_ID使用場景詳解
這篇文章主要為大家介紹了Angular依賴注入系統(tǒng)里Injection token PLATFORM_ID使用場景詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-11-11MODULE_INITIALIZER初始化Angular?懶加載模塊高級技巧
這篇文章主要為大家介紹了MODULE_INITIALIZER初始化Angular懶加載模塊高級技巧示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-10-10