Angular限制input框輸入金額（是小數(shù)的話只保留兩位小數(shù)點）
更新時間：2017年07月13日 15:34:54 作者：lorena0928
最近做項目遇到這樣的需求輸入框要求輸入金額，只能輸入數(shù)字，可以是小數(shù)，必須保留小數(shù)點后兩位。下面分為兩部分代碼給大家介紹實現(xiàn)代碼，需要的的朋友參考下吧
需求
輸入框要求輸入金額，只能輸入數(shù)字，可以是小數(shù)，必須保留小數(shù)點后兩位。
js判斷部分：
checkInput: function (event) {
var id = event.target.getAttribute(“id”);//獲取input的id
var reg = /^[-?\d]+(.)?(\d{1,2})?/;//匹配正則while(!reg.test(('#' + id).val()) && (‘#' + id).val() != “”) {('#' + id).val(scope.checkStr((‘#' + id).val()));//判斷輸入的內容是不是除了‘-'、‘小數(shù)點'、‘數(shù)字'，不是的情況輸入框內容不會保存。
}
},
//檢查是否符合金額格式:只能輸入數(shù)字且最多保留小數(shù)點后兩位
checkStr: function (str) {
str = str.substring(0, str.length - 1);
return str;
}
html：
<input type="text" required class="form-control input- margin- btm20 input-common input-width250" ng-model="addNewuser.fee" placeholder="請保留小數(shù)點后兩位" ng-keyup="checkInput($event)>
以上所述是小編給大家介紹的Angular限制input框輸入金額（是小數(shù)的話只保留兩位小數(shù)點），希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
相關文章
這篇文章主要給大家介紹了關于Angular中sweetalert彈框的基本使用的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-07-07
這篇文章主要介紹了angularjs 緩存的使用詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了AngularJS中filter的使用實例詳解的相關資料,這里提供實例幫助大家理解掌握，希望能幫助到大家，需要的朋友可以參考下2017-08-08
大家在使用angularjs的時候，很容易忽略AngularJS自帶指令的作用域問題，有一些指令會產生獨立的自己作用域，造成子級無法與父級作用域雙向綁定的問題。下面我們來看看這些問題，有需要的可以參考借鑒。2016-09-09
angular2 ng2 @input和@output理解及示例
本篇文章主要介紹了angular2 ng2 @input和@output理解及示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
這篇文章主要介紹了AngularJS中ng-class用法,結合實例形式分析了ng-class的功能、使用方法與相關注意事項,需要的朋友可以參考下2017-07-07
這篇文章主要介紹了AngularJS 支付倒計時功能的實現(xiàn)思路,需要的朋友可以參考下2017-06-06
利用require.js與angular搭建spa應用的方法實例
這篇文章主要給大家介紹了關于利用require.js與angular搭建spa應用的方法實例，文中通過示例代碼給大家介紹的非常詳細，對大家的理解和學習具有一定的參考學習價值，需要的朋友們下面跟著小編來一起看看吧。2017-07-07
這篇文章主要介紹了Angular彈出模態(tài)框的兩種方式,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-10-10
這篇文章主要為大家詳細介紹了angularjs實現(xiàn)多張圖片上傳并預覽功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02