欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Angular限制input框输入金额(是小数的话只保留两位小数点)

程序员文章站 2022-05-14 19:23:42
需求 输入框要求输入金额,只能输入数字,可以是小数,必须保留小数点后两位。 js判断部分: checkinput: function (event) {...

需求

输入框要求输入金额,只能输入数字,可以是小数,必须保留小数点后两位。

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()));//判断输入的内容是不是除了‘-'、‘小数点'、‘数字',不是的情况输入框内容不会保存。 
} 
}, 
//检查是否符合金额格式:只能输入数字且最多保留小数点后两位 
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="请保留小数点后两位" ng-keyup="checkinput($event)>

以上所述是小编给大家介绍的angular限制input框输入金额(是小数的话只保留两位小数点),希望对大家有所帮助