数字框按钮,带加减,jQuery实现

功能实现:
1.允许手动输入
2.只允许数字输入
3.只允许正整数和0

html页

    

js页

function inputNumber() {

    $("input").attr("disabled", true);

    // 输入框设置
    $("#inputNumber").on("input", "input[type='text']", function () {
        var $val = $(this).val();
        // 只允许输入数字
        val = parseInt($val.replace(/[^\d]/g, ""));
        // 特殊情况置0
        if (val == "" || isNaN(val)) {
            val = 0;
        }
        $(this).val(val);
    })
    // 鼠标加减输入
    $("#inputNumber").on("click", ".on-number", function () {
        var $val = $(this).siblings("input[type='text']"),
            val = parseInt($val.val(), 10) + parseInt($(this).data("v"));
        $val.val(isNaN(val) || (val < 0) ? 0 : val);
    })
};
inputNumber();

parseInt($num,10) 转换成十进制整数

你可能感兴趣的:(数字框按钮,带加减,jQuery实现)