Angular限制input框输入金额（是小数的话只保留两位小数点）
更新时间：2017年07月13日 15:34:54 作者：lorena0928
最近做项目遇到这样的需求输入框要求输入金额，只能输入数字，可以是小数，必须保留小数点后两位。下面分为两部分代码给大家介绍实现代码，需要的的朋友参考下吧
需求
输入框要求输入金额，只能输入数字，可以是小数，必须保留小数点后两位。
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实现标签页tab选项卡功能,结合实例形式总结分析了各种常用的tab选项卡切换操作实现技巧与相关操作注意事项,需要的朋友可以参考下2018-05-05
Angular2中Bootstrap界面库ng-bootstrap详解
不知道大家有没有留意，最近angular-ui团队终于正式发布了基于 Angular2的Bootstrap界面库ng-bootstrap ，之前工作中一直在用 AngularJS 1.x 的UI Bootstrap ， 因此对这个ng-bootstrap 也是很感兴趣，所以第一时间进行试用。这篇文章就给大家详细介绍下ng-bootstrap。2016-10-10
这篇文章主要介绍了AngularJS表单验证功能,结合具体实例形式分析了AngularJS表单验证的操作步骤、实现技巧与相关注意事项,需要的朋友可以参考下2017-05-05
这篇文章主要为大家介绍了Angular异步执行学习之zone.js使用详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
AngularJS ng-repeat数组有重复值的解决方法
不知道大家是否遇到过这个问题，在当Angular.JS ng-repeat数组中有重复项时，系统就会抛出异常，这是该怎么做？本文通过示例代码介绍了详细的解决方法，有需要的朋友们可以参考借鉴，下面来一起看看吧。2016-10-10
Angular4集成ng2-file-upload的上传组件
本篇文章主要介绍了Angular4集成ng2-file-upload的上传组件，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
这篇文章主要介绍了Angular实现的简单定时器功能,结合实例形式分析了AngularJS定时器功能的简单实现与使用技巧,需要的朋友可以参考下2017-12-12
下面小编就为大家分享一篇angularjs 获取默认选中的单选按钮的value方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
这篇文章主要介绍了Angular2 (RC4) 路由与导航的相关资料,需要的朋友可以参考下2016-09-09
这篇文章主要介绍了AngularJS过滤器用法,结合实例形式简单的分析了AngularJS过滤器的功能及基本用法,并举例说明了自定义过滤器的实现技巧,需要的朋友可以参考下2016-11-11
最新评论