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

2019-11-19,,,

需求

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

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框输入金额(是小数的话只保留两位小数点),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对北冥有鱼网站的支持!

您可能感兴趣的文章:

  • Angularjs 双向绑定时字符串的转换成数字类型的问题
  • Angularjs中的验证input输入框只能输入数字和小数点的写法(推荐)
  • angularjs实现猜数字大小功能
  • AngularJS实现的生成随机数与猜数字大小功能示例
  • angularjs实现的购物金额计算工具示例
  • AngularJS实现的根据数量与单价计算总价功能示例
  • Angular实现可删除并计算总金额的购物车功能示例
  • Angular实现购物车计算示例代码
  • angular 实现的输入框数字千分位及保留几位小数点功能示例

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

下载本文的Word格式文档,以方便收藏与打印。