Angular限制input框输入金额(是小数的话只保留两位小数点)
- 作者: 段友的身份深不可测
- 来源: 51数据库
- 2021-08-26
需求
输入框要求输入金额,只能输入数字,可以是小数,必须保留小数点后两位。
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中响应式表单的三种更新值方法详析
7
Angularjs实现下拉框联动的示例代码
7
详解AngularJS跨页面传值(ui-router)
2
详解AngularJS1.x学习directive 中‘& ’‘=’ ‘@’符号的区别使用
3
angular2路由切换改变页面title的示例代码
4
Angular2 组件间通过@Input @Output通讯示例
5
Angularjs中ng-repeat的简单实例
3
AngularJS 中ui-view传参的实例详解
4
浅谈Angular路由守卫
4
详解基于Angular4+ server render(服务端渲染)开发教程
4