Angularjs中如何驗證input輸入框只能輸入數(shù)字和小數(shù)點

這篇文章主要為大家展示了“Angularjs中如何驗證input輸入框只能輸入數(shù)字和小數(shù)點”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“Angularjs中如何驗證input輸入框只能輸入數(shù)字和小數(shù)點”這篇文章吧。

萊西網(wǎng)站建設公司創(chuàng)新互聯(lián),萊西網(wǎng)站設計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為萊西數(shù)千家提供企業(yè)網(wǎng)站建設服務。企業(yè)網(wǎng)站搭建\外貿網(wǎng)站建設要多少錢，請找那個售后服務好的萊西做網(wǎng)站的公司定做！

把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" >

以上是“Angularjs中如何驗證input輸入框只能輸入數(shù)字和小數(shù)點”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享標題：Angularjs中如何驗證input輸入框只能輸入數(shù)字和小數(shù)點
轉載來于：http://muchs.cn/article30/jpgopo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供關鍵詞優(yōu)化、網(wǎng)站排名、自適應網(wǎng)站、App開發(fā)、App設計、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)