限制用户输入比 Numerictextbox 配置更多的小数答案

【问题标题】：Restrict user entering more decimals than in Numerictextbox's configuration限制用户输入比 Numerictextbox 配置更多的小数
【发布时间】：2015-08-08 13:16:37
【问题描述】：

我想在Numerictextbox 中配置为小数时限制用户的小数输入。我正在使用 knockoutjs 来观察 numerictextbox 中的数据。当用户输入更多小数时，它会在淘汰赛中自动更新，但在控制中它只显示配置的小数。

小数是动态设置为 kendo numerictextbox 的，所以当用户输入的小数更多时，我需要限制用户输入的小数。当用户输入小数位数时，淘汰赛会更新该值

一个例子是，如果我将小数设置为 2。当用户输入 56.2456 时，剔除会更新模型中的这个值，并且在光标移动到下一个控件后，数字文本框会显示 56.25。我想将此值更新到模型中，并且需要限制用户输入超过 2 位小数。

如何应用此限制？

【问题讨论】：

欢迎来到stackoverflow！到目前为止，您尝试过什么？
我不知道该怎么做..我用谷歌搜索了这个但我没有得到任何解决方案..

标签： kendo-ui

【解决方案1】：

您可以按照以下代码执行文本框的按键事件。

    $("#txtXZY").kendoNumericTextBox({
    format: "#.00 \\%",
    min: 0,
    decimals: 2,
    max: 100,
    step: 1,
    spinners: IsSpinner
});


$("#txtXZY").bind("keypress", function (e) {

    if (IsTextSelected(this) == false && e.keyCode !== kendo.keys.ENTER) {
        var character = String.fromCharCode(e.keyCode)
        var newValue = this.value + character;
        if (isNaN(newValue) || parseFloat(newValue) * 100 % 1 > 0) {
            e.preventDefault();
            return false;
        }
        if (parseFloat(newValue) > 100) {
            e.preventDefault();
            return false;
        }
    }
});

function IsTextSelected(input) {
if (typeof input.selectionStart == "number") {
    return input.selectionStart == 0 && input.selectionEnd == input.value.length;
} else if (typeof document.selection != "undefined") {
    input.focus();
    return document.selection.createRange().text == input.value;
}
}

【讨论】：