欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JS强制保留两位小数输入校验步骤详解

程序员文章站 2022-05-23 13:56:12
...
这次给大家带来JS强制保留两位小数输入校验步骤详解,JS强制保留两位小数输入校验的注意事项有哪些,下面就是实战案例,一起来看一下。

输入input 的格式校验:

$(function(){
var data = $.trim($("#inputId").val());
//此正则表达式验证小数位是否超过两位,小数可为1位 || 2位 || 整数
if(!(/^\d+(\.\d{1,2})?$/.test(data ) || /^\d$/.test(data ) )){
alert("输入金额格式不对!最高精确到分");
return ;
}
//写入对应位置
$(".htmlTextClass").innerText(toDecimal2(data ));
});
//强制小数位保留方法
function toDecimal2(x) {
var f = parseFloat(x);
//isNaN() 函数用于检查其参数是否是非数字值,如果 x 是特殊的非数字值 NaN(或者能被转换为这样的值),返回的值就是 true。如果 x 是其他值,则返回 false。
if (isNaN(f)) {
return false;
}
var f = Math.round(x*100)/100; //round() 方法可把一个数字舍入为最接近的整数
var s = f.toString();
var rs = s.indexOf('.');
if (rs < 0) {
rs = s.length;
s += '.';
}
while (s.length <= rs + 2) {
s += '0';
}
return s;
}

补充:下面看下js保留两位小数的解决办法

var a = 123.456;
a = a..toFixed(2);
alert(a);//结果:123.46

相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!

推荐阅读:

js正则相关使用案例分享

vue按钮多次点击重复提交数据如何处理

以上就是JS强制保留两位小数输入校验步骤详解的详细内容,更多请关注其它相关文章!