Angularjs中的驗證input輸入框只能輸入數(shù)字和小數(shù)點的寫法（推薦）
更新時間：2017年08月16日 09:33:53 作者：六一兒童節(jié)
這篇文章主要介紹了Angularjs中的驗證input輸入框只能輸入數(shù)字和小數(shù)點的寫法,需要的朋友可以參考下
把js的驗證方法改成angular可使用的方法
AngularJS文件的寫法：
$scope.clearNoNum = function(obj,attr){
//先把非數(shù)字的都替換掉，除了數(shù)字和.
obj[attr] = obj[attr].replace(/[^\d.]/g,"");
//必須保證第一個為數(shù)字而不是.
obj[attr] = obj[attr].replace(/^\./g,"");
//保證只有出現(xiàn)一個.而沒有多個.
obj[attr] = obj[attr].replace(/\.{2,}/g,"");
//保證.只出現(xiàn)一次，而不能出現(xiàn)兩次以上
obj[attr] = obj[attr].replace(".","$#$").replace(/\./g,"").replace("$#$",".");
}
頁面：
<input type="text" name="chargeid2" ng-model="item.chargeid2" ng-keyup="clearNoNum(item,'chargeid2')" placeholder="" class="form-control input-sm" >
總結(jié)
以上所述是小編給大家介紹的Angularjs中的驗證input輸入框只能輸入數(shù)字和小數(shù)點的寫法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
我們在應(yīng)用的頁面或者組件需要加載數(shù)據(jù)時，瀏覽器和angular渲染頁面都需要消耗一定的時間。這里的間隔可能很小，甚至讓人感覺不到區(qū)別；但也可能很長，這樣會導(dǎo)致讓我們的用戶看到了沒有被渲染過的頁面。本文將介紹Angular.js中處理頁面閃爍的方法。2017-03-03
AngularJS 獲取ng-repeat動態(tài)生成的ng-model值實例詳解
這篇文章主要介紹了AngularJS 獲取ng-repeat動態(tài)生成的ng-model值實例詳解的相關(guān)資料,這里提供實例代碼及實現(xiàn)效果圖，需要的朋友可以參考下2016-11-11
這篇文章給大家分享了angularjs實現(xiàn)購物放大鏡效果的源碼實例，代碼介紹的很詳細(xì)，有需要的可以參考借鑒，下面來一起看看。2016-08-08
AngularJs用戶登錄問題處理（交互及驗證、阻止FQ處理）
這篇文章主要為大家詳細(xì)介紹了AngularJs用戶登錄問題處理，包括交互及驗證、阻止FQ處理，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
本文主要講解了Angular的路由動畫和高階動畫函數(shù)，對此感興趣的同學(xué)，可以把代碼親自實驗一下，理解其原理。2021-05-05
這篇文章主要介紹了Angular如何由模板生成DOM樹的方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
ng-container 是 Angular 2+ 中可用的一個元素,可以作為結(jié)構(gòu)指令的宿主,在本文中,您將探討可以使用 ng-container 解決的場景,文中有相關(guān)的代碼示例供大家參考,具有一定的參考價值,需要的朋友可以參考下2024-02-02
這篇文章主要為大家詳細(xì)介紹了angularjs路由傳值$routeParams的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
本篇文章主要介紹了深入探究angular2 UI組件之primeNG用法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
Angular進(jìn)行簡單單元測試的實現(xiàn)方法實例
這篇文章主要給大家介紹了關(guān)于Angular進(jìn)行簡單單元測試的實現(xiàn)方法，文中僅用了幾行代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用Angular具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08