首頁 > web前端 > js教程 > 主體

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

php中世界最好的语言
發布: 2018-05-22 14:13:23
原創
1811 人瀏覽過

這次帶給大家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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板