jquery - 如何防止用户在剑道数字文本框中输入超过 4 uinits 的精度

Question

我要求允许用户输入具有 4 个精度单位的小数。但只显示 3。有没有办法让 kendo-ui numerictextbox 防止超过 4 个单位的精度？

 $element.kendoNumericTextBox({
                     spinners: false,
                     culture: "en-US",
                     decimals: 4,
                     step: 0.01,
                     format: "n3"
                 });

Answer 1

我不认为有一个配置选项，但你可以这样做：

var numeric = $("#num").kendoNumericTextBox({
    spinners: false,
    culture: "en-US",
    decimals: 4,
    step: 0.01,
    format: "n3"
}).data("kendoNumericTextBox");

$(numeric.element).on("input", function (e) {
    var val = numeric.element.val();
    var parts;
    if (val.indexOf(".") !== -1) {
        parts = val.split(".");
        if (parts[1].length > 4) {
            numeric.element.val(val.substr(0, val.length - 1));
        }
    }
});

（演示）