Angular限制input框輸入金額（是小數(shù)的話只保留兩位小數(shù)點(diǎn)）
更新時(shí)間：2017年07月13日 15:34:54 作者：lorena0928
最近做項(xiàng)目遇到這樣的需求輸入框要求輸入金額，只能輸入數(shù)字，可以是小數(shù)，必須保留小數(shù)點(diǎn)后兩位。下面分為兩部分代碼給大家介紹實(shí)現(xiàn)代碼，需要的的朋友參考下吧
需求
輸入框要求輸入金額，只能輸入數(shù)字，可以是小數(shù)，必須保留小數(shù)點(diǎn)后兩位。
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()));//判斷輸入的內(nèi)容是不是除了‘-'、‘小數(shù)點(diǎn)'、‘?dāng)?shù)字'，不是的情況輸入框內(nèi)容不會保存。
}
},
//檢查是否符合金額格式:只能輸入數(shù)字且最多保留小數(shù)點(diǎn)后兩位
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ù)點(diǎn)后兩位" ng-keyup="checkInput($event)>
以上所述是小編給大家介紹的Angular限制input框輸入金額（是小數(shù)的話只保留兩位小數(shù)點(diǎn)），希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
- input輸入框限制只能輸入數(shù)字的方法實(shí)例(個(gè)人認(rèn)為最好的)
- Elementui如何限制el-input框輸入小數(shù)點(diǎn)
- vue 限制input只能輸入正數(shù)的操作
- vue:el-input輸入時(shí)限制輸入的類型操作
- 怎么限制input的text里輸入的值只能是數(shù)字(正則、js)
- JS通過正則限制 input 輸入框只能輸入整數(shù)、小數(shù)(金額或者現(xiàn)金) 兩位小數(shù)
- 使用正則限制input框只能輸入數(shù)字/英文/中文等等
- JS限制input框只能輸入0~100的正整數(shù)的兩種方法
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于Angular中sweetalert彈框的基本使用的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-07-07
這篇文章主要介紹了angularjs 緩存的使用詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了AngularJS中filter的使用實(shí)例詳解的相關(guān)資料,這里提供實(shí)例幫助大家理解掌握，希望能幫助到大家，需要的朋友可以參考下2017-08-08
大家在使用angularjs的時(shí)候，很容易忽略AngularJS自帶指令的作用域問題，有一些指令會產(chǎn)生獨(dú)立的自己作用域，造成子級無法與父級作用域雙向綁定的問題。下面我們來看看這些問題，有需要的可以參考借鑒。2016-09-09
angular2 ng2 @input和@output理解及示例
本篇文章主要介紹了angular2 ng2 @input和@output理解及示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10
這篇文章主要介紹了AngularJS中ng-class用法,結(jié)合實(shí)例形式分析了ng-class的功能、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-07-07
AngularJS 支付倒計(jì)時(shí)功能實(shí)現(xiàn)思路
這篇文章主要介紹了AngularJS 支付倒計(jì)時(shí)功能的實(shí)現(xiàn)思路,需要的朋友可以參考下2017-06-06
利用require.js與angular搭建spa應(yīng)用的方法實(shí)例
這篇文章主要給大家介紹了關(guān)于利用require.js與angular搭建spa應(yīng)用的方法實(shí)例，文中通過示例代碼給大家介紹的非常詳細(xì)，對大家的理解和學(xué)習(xí)具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面跟著小編來一起看看吧。2017-07-07
這篇文章主要介紹了Angular彈出模態(tài)框的兩種方式,非常不錯，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-10-10
angularjs實(shí)現(xiàn)多張圖片上傳并預(yù)覽功能
這篇文章主要為大家詳細(xì)介紹了angularjs實(shí)現(xiàn)多張圖片上傳并預(yù)覽功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02