首页  >  文章  >  web前端  >  JS强制保留两位小数输入校验步骤详解

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

php中世界最好的语言
php中世界最好的语言原创
2018-05-22 14:13:231796浏览

这次给大家带来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

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

推荐阅读:

js正则相关使用案例分享

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

以上是JS强制保留两位小数输入校验步骤详解的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn