首頁  >  文章  >  web前端  >  JS強制保留兩位小數輸入校驗步驟詳解

JS強制保留兩位小數輸入校驗步驟詳解

php中世界最好的语言
php中世界最好的语言原創
2018-05-22 14:13:231741瀏覽

這次帶給大家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