js 限制输入N位小数点

最新推荐文章于 2024-08-28 09:33:13 发布

Alice9969

最新推荐文章于 2024-08-28 09:33:13 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： JS 小数点

本文链接：https://blog.youkuaiyun.com/Alice9969/article/details/79129515

jquery 专栏收录该内容

16 篇文章

订阅专栏

这段代码实现了一个JavaScript函数xsdN，用于限制输入字段的数值保留指定的小数位数。根据输入元素的data-xsd属性值，函数会在用户输入时实时更新数值，并在失去焦点时自动补全到指定的小数位数。支持保留1到5位小数的场景。

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

/*------------------------保留N位小数-------------------*/

//保留N位小数，无四舍五入， 添加属性 data-xsd="n"
function xsdN(dom, ws) {
    var num = dom.val();
    ws = parseInt(ws);
    var start_wz = num.indexOf(".");
    if (start_wz != -1) {  //当存在小数点时，做切割
        if (start_wz != num.length - 1) {
            var tmp = start_wz + ws + 1;
            var num1 = num.substring(0, tmp);
            var num2 = parseFloat(num1);
            dom.val(num2);
        }
    }
    else { //当不存在小数点时，不允许输入数字，小数点外的字符
        num = parseFloat(num);
        if (num) {
            dom.val(num);
        } else { //num==NaN的时候
            if (num == 0) {
                dom.val("0");
            }
            else {
                dom.val("");
            }
        }
    }
}

//保留1位小数
$(document).on("keyup", "input[data-xsd=1]", function () {
    xsdN($(this), $(this).attr("data-xsd"));
});
//失去焦点自动补全1位小数点
$(document).on("blur", "input[data-xsd=1]", function () {
    var value2 = Number($(this).val()).toFixed(1);
    $(this).val(value2);
});

//保留2位小数
$(document).on("keyup", "input[data-xsd=2]", function () {
    xsdN($(this), $(this).attr("data-xsd"));
});
//失去焦点自动补全2位小数点
$(document).on("blur", "input[data-xsd=2]", function () {
    var value2 = Number($(this).val()).toFixed(2);
    $(this).val(value2);
});

//保留3位小数
$(document).on("keyup", "input[data-xsd=3]", function () {
    xsdN($(this), $(this).attr("data-xsd"));
});
//失去焦点自动补全3位小数点
$(document).on("blur", "input[data-xsd=3]", function () {
    var value2 = Number($(this).val()).toFixed(3);
    $(this).val(value2);
});

//保留4位小数
$(document).on("keyup", "input[data-xsd=4]", function () {
    xsdN($(this), $(this).attr("data-xsd"));
});
//失去焦点自动补全4位小数点
$(document).on("blur", "input[data-xsd=4]", function () {
    var value2 = Number($(this).val()).toFixed(4);
    $(this).val(value2);
});

//保留5位小数
$(document).on("keyup", "input[data-xsd=5]", function () {
    xsdN($(this), $(this).attr("data-xsd"));
});
//失去焦点自动补全5位小数点
$(document).on("blur", "input[data-xsd=5]", function () {
    var value2 = Number($(this).val()).toFixed(5);
    $(this).val(value2);
});

/*------------------------ /保留N位小数-------------------*/