Angularjs中的驗(yàn)證input輸入框只能輸入數(shù)字和小數(shù)點(diǎn)的寫(xiě)法（推薦）
更新時(shí)間：2017年08月16日 09:33:53 作者：六一兒童節(jié)
這篇文章主要介紹了Angularjs中的驗(yàn)證input輸入框只能輸入數(shù)字和小數(shù)點(diǎn)的寫(xiě)法,需要的朋友可以參考下
把js的驗(yàn)證方法改成angular可使用的方法
AngularJS文件的寫(xiě)法：
$scope.clearNoNum = function(obj,attr){
//先把非數(shù)字的都替換掉，除了數(shù)字和.
obj[attr] = obj[attr].replace(/[^\d.]/g,"");
//必須保證第一個(gè)為數(shù)字而不是.
obj[attr] = obj[attr].replace(/^\./g,"");
//保證只有出現(xiàn)一個(gè).而沒(méi)有多個(gè).
obj[attr] = obj[attr].replace(/\.{2,}/g,"");
//保證.只出現(xiàn)一次，而不能出現(xiàn)兩次以上
obj[attr] = obj[attr].replace(".","$#$").replace(/\./g,"").replace("$#$",".");
}
頁(yè)面：
<input type="text" name="chargeid2" ng-model="item.chargeid2" ng-keyup="clearNoNum(item,'chargeid2')" placeholder="" class="form-control input-sm" >
總結(jié)
以上所述是小編給大家介紹的Angularjs中的驗(yàn)證input輸入框只能輸入數(shù)字和小數(shù)點(diǎn)的寫(xiě)法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
舉例詳解AngularJS中ngShow和ngHide的使用方法
這篇文章主要介紹了舉例詳解AngularJS中ngShow和ngHide的使用方法,AngularJS是一款非常熱門(mén)的JavaScript框架,需要的朋友可以參考下2015-06-06
AngularJs Using $location詳解及示例代碼
本文主要介紹AngularJs Using $location的知識(shí)資料，這里整理了相關(guān)的資料，及簡(jiǎn)單示例代碼，有興趣的小伙伴可以參考下2016-09-09
這篇文章主要介紹了AngularJS基礎(chǔ)知識(shí)筆記之表格的相關(guān)資料,需要的朋友可以參考下2015-05-05
angular中的http攔截器Interceptors的實(shí)現(xiàn)
本篇文章主要介紹了angular中的http攔截器Interceptors的實(shí)現(xiàn)的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-02-02
關(guān)于angular瀏覽器兼容性問(wèn)題的解決方案
這篇文章主要給大家介紹了關(guān)于angular瀏覽器兼容性問(wèn)題的解決方案，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者使用angular具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
下面小編就為大家?guī)?lái)一篇angularjs中的$eval方法詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04
這篇文章主要介紹了Angularjs按需查詢(xún)實(shí)例代碼,需要的朋友可以參考下2017-10-10
angular.js實(shí)現(xiàn)購(gòu)物車(chē)功能
這篇文章主要為大家詳細(xì)介紹了angular.js購(gòu)物車(chē)功能的實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
這篇文章主要介紹了在 Angular中 使用 Lodash 的方法,需要的朋友可以參考下2018-02-02
詳解angular部署到iis出現(xiàn)404解決方案
這篇文章主要介紹了詳解angular部署到iis出現(xiàn)404解決方案，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08