需求
输入框要求输入金额,只能输入数字,可以是小数,必须保留小数点后两位。
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 实现的输入框数字千分位及保留几位小数点功能示例