input输入框限制小数后两位 && 正整数验证

干嘛又给我转钱

于 2020-12-03 16:42:37 发布

阅读量246

点赞数

本文链接：https://blog.youkuaiyun.com/qq_42115928/article/details/110546823

版权

博客主要讲述在用户输入金钱相关输入框时，要限制小数点后两位，还涉及input的正整数验证，分别给出了对应的HTML和JS代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在用户输入金钱相关的输入框时，需要限制小数点后两位
html：

<input type="number" onkeyup="num(this)"  />

js：

function num(obj){
    obj.value = obj.value.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符
    obj.value = obj.value.replace(/^\./g,""); //验证第一个字符是数字
    obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个, 清除多余的
    obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
    obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); //只能输入两个小数
}

input的正整数验证
html:

<input onkeyup='checkInt(this)' type="number" />

js:

function checkInt(e) {
    var re = new RegExp("^[0-9]*[1-9][0-9]*$");
    if (e.value != "") {
        if (!re.test(e.value)) {
            e.value = "";
            e.focus();
        }
    }
}