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框输入金额（是小数的话只保留两位小数点），希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要给大家介绍了关于Angular中sweetalert弹框的基本使用的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-07-07
这篇文章主要介绍了angularjs 缓存的使用详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
这篇文章主要介绍了AngularJS中filter的使用实例详解的相关资料,这里提供实例帮助大家理解掌握，希望能帮助到大家，需要的朋友可以参考下2017-08-08
大家在使用angularjs的时候，很容易忽略AngularJS自带指令的作用域问题，有一些指令会产生独立的自己作用域，造成子级无法与父级作用域双向绑定的问题。下面我们来看看这些问题，有需要的可以参考借鉴。2016-09-09
angular2 ng2 @input和@output理解及示例
本篇文章主要介绍了angular2 ng2 @input和@output理解及示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
这篇文章主要介绍了AngularJS中ng-class用法,结合实例形式分析了ng-class的功能、使用方法与相关注意事项,需要的朋友可以参考下2017-07-07
这篇文章主要介绍了AngularJS 支付倒计时功能的实现思路,需要的朋友可以参考下2017-06-06
利用require.js与angular搭建spa应用的方法实例
这篇文章主要给大家介绍了关于利用require.js与angular搭建spa应用的方法实例，文中通过示例代码给大家介绍的非常详细，对大家的理解和学习具有一定的参考学习价值，需要的朋友们下面跟着小编来一起看看吧。2017-07-07
这篇文章主要介绍了Angular弹出模态框的两种方式,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-10-10
这篇文章主要为大家详细介绍了angularjs实现多张图片上传并预览功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
最新评论