angular限制input框输入金额（是小数的话只保留两位小数点）

最新推荐文章于 2024-07-12 16:43:47 发布
最新推荐文章于 2024-07-12 16:43:47 发布
阅读量7.8k 收藏 1
点赞数
分类专栏： angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lorena0928/article/details/75064856
版权
该博客介绍了如何在Angular应用中实现一个输入框，仅允许用户输入数字，并且如果输入的是小数，则自动保留两位小数。通过提供的JS判断部分，展示了检查输入并格式化为合规金额的函数`checkInput`和`checkStr`。
摘要由CSDN通过智能技术生成

需求

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

  • js判断部分：

    checkInput: function (event) {
    var id = event.target.getAttribute(“id”);//获取input的id
    var reg = /^[-?\d]+(.)?(\d{1,2})? /;//

最低0.47元/天 解锁文章
lorena0928
关注
专栏目录
Angular Directive 自定义指令 - 限制数字输入框
lorie_yy的博客
01-09 553
Angular Directive 自定义指令 - 限制数字输入框 避免数值精确度的 bug；通过正则表达式限制可输入字符，以及格式化内容，达到规范用户输入的目的.
AngularJS中type为number的输入框如何限制小数位数
热门推荐
学无止境
01-06 2万+
在做一个项目时，需要对输入框内容进行限制，只能输入两位小数。 首先要限制只能输入数字，这个很好实现，使用如下代码即可 required :该输入框必填 type=number :只能输入整数 如何允许输入两位小数呢？ 我们需要借助step属性（step是步长的意思） 目前而言，对step雄起的浏览器为IE10+, Chrome以及Opera浏览器。
Angular限制input框输入金额（是小数的话只保留两位小数点）
01-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()));//判断输入的内容是不是除了‘-
el-input中只能输入数字和小数
最新发布
CP_jerry的博客
07-12 1146
使用该方法可以满足，可以输入的内容可以为小数，并且小数点只能出现一次。element-ui中提供了一些校验的方法，但是均存在一些问题。使用此方法也可以输入多个小数点。但是此方法可以输入形式为。此方法可以输入多个小数点。
angularjs中的限制input输入框只能输入两位小数
weixin_34345753的博客
08-09 671
　html： <input type="text" class="form-control" ng-model="item.formFieldValue" ng-change="toLimit(item,item.formFieldValue,'{{item.formFieldValue}}')"> JS： $scope.toLimit = function（i...
angularJs控制input只能输入数字并且小数点后只能输入两位
I_LV_XJ的博客
05-24 7055
在使用angular开发webapp的时候有时候需要input只能输入数字，并且小数点只能是一个，小数点后只能输入两位小数； 在浏览器上我们可以使用onkeypress使用正则表达式来实现这样的需求，但是onkeypress在手机端是不管用的，使用 ng-keypress也是不行的（我使用的时候没有成功），这时候我们可以使用js来控制，实现这样的需求，代码如下：$("#withdraw").k
angular，使用directive实现，将input的数字保留两位小数，不足两位补0.
程序猿成长之路
09-04 2470
https://www.oschina.net/code/snippet_929096_53265 angular.module('app').directive('numFormat',function() { return { scope:{ model : '=ngModel' }, link: functio
Angularjs中的验证input输入框只能输入数字和小数点的写法（推荐）
01-19
把js的验证方法改成angular可使用的方法 AngularJS文件的写法： $scope.clearNoNum = function(obj,attr){ //先把非数字的都替换掉，除了数字和. obj[attr] = obj[attr].replace(/[^\d.]/g,); //必须保证第一个为...
vue 保留三位小数_vue input框type=number 保留两位小数自定义组件
weixin_39894255的博客
12-20 1325
第一步：自定义组件MyNumberInput.vueexport default {props: {point: {default: 0},max: Number,placeholder: String,value: {default: null},},computed: {inputData: {get:function() {return this.value;},set:function (...
angular 限制输入框为整数还是保留两位小数指令
11-16
angular 限制输入框为整数还是保留两位小数指令
angular2保留两位小数点
web
06-02 4385
我的项目使用的是angular-cil 9.0 自己写了个求和函数，得到最终和，这个和恰好是整数，但要求要有两位小数，我这样实现得： <td style="color: blue; font-weight: 700;"> {{totle2 | number:'0.2-2'}} </td> 0.2 整数位保留最小位数.小数位保留最小位数， -2 -小数位最大保留位置 官方解释： 使用方法：number_expression | number[:digitInfo]； digit
angularjs控制输入框只输入数字及最多输入两位小数
weixin_38169206的博客
11-13 598
ps：示例中作用在循环中，其它的你可以按实际需求进行修改使用 <input type="text" ng-model="item.productNumber" maxlength="8" ng-keyup="clearNoNum(item,'productNumber')"> js： // 用户输入校验 $scope.clearNoNum = functi...
angular4时间转换，js保留两位小数点（分值转换），angular4前端管道保留两位小数，时间格式化（管道）
小武的博客
05-29 6238
一、 angular4时间转换1. var time1 = new Date().format("yyyy-MM-dd hh:mm:ss");2. 在ts中注入datePipe管道，import { DatePipe } from '@angular/common'; constructor( private datePipe: DatePipe ) {}再mod...
Angularjs进行数值相加，保留两位小数，toFixed使ng-change方法失效的解决办法
weixin_39433171的博客
02-27 2760
在2个ipnut框添加ng-change事件，使输入的值相加显示在第三个input框，但是使用了js的toFixed(2)方法后，ng-change方法就失效了，填写完数字后在清空值时，并不会进行重新计算，所以采用 Math.round(totalPrice * 10) / 10来代替， 如果时保留两位 Math.round(totalPrice * 100) / 100 先将所得的总价先乘以10...
AngularJS input number 保留两位小数
JavaEE_Linux
05-31 1万+
在网上查询了好多说用step="0.01" 不能够满足ng-model 绑定的值 后来找到了currency-format="number"     <!-- type="number" step="0.01"  --> 可以保留三位小数 也算可以满足需求
angular 当前控件保留两位小数
weixin_43965881的博客
10-17 677
angular 验证控件的值，只能输入数字并且保留两位小数
【AngularJS】保留小数位数number
陶洲川的博客
05-27 1万+
number：n 表示保留几位小数； n=0，即整数； n=-1，保留十位；
angular js 保留两位小数
06-02
在 AngularJS 中，可以使用过滤器来保留数值的小数位数。常用的过滤器是 `number` 和 `currency`。其中，`number` 过滤器可以用于保留任意位数的小数，而 `currency` 过滤器则是用于格式化货币的过滤器，可以自动添加货币符号。 以下是使用 `number` 过滤器保留两位小数的示例： ```html <p>{{ price | number:2 }}</p> ``` 在上面的示例中，`price` 是一个数值类型的变量，`number:2` 表示保留两位小数。 如果要使用 `currency` 过滤器，则可以按照以下示例进行使用： ```html <p>{{ price | currency:'USD':2 }}</p> ``` 在上面的示例中，`price` 是一个数值类型的变量，`currency` 表示使用货币过滤器，`USD` 表示货币符号为美元，`2` 表示保留两位小数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值