Kendo UI 验证器数字文本框

Question

KendoUI 验证不适用于 kendo-numeric-textbox。我收到以下错误。 "name='amount' 的无效表单控件不可聚焦。"

请参见下面的示例。尝试提交并在浏览器控制台中查看错误。

http://plnkr.co/edit/pXpXexPq3u9xAzzpKR8Y?p=preview

我正在尝试使用 Kendo 数字文本框获得必需的弹出窗口“请填写此字段”。

谁能帮忙？

Answer 1

使用 kendoNumericTextBox 的隐藏字段似乎是一些奇怪的问题。

我能够使用剑道验证器让它工作： [See here]

还有一篇有趣的文章 [Here]

更新代码：

$(document).ready(function () {


   $("#amount").kendoNumericTextBox();


    var validator = $("#testForm").kendoValidator().data("kendoValidator"), status = $(".status");
    $("form").submit(function(event) {
                    event.preventDefault();

                    if (validator.validate()) {
                        status.text("Valid")
                            .removeClass("invalid")
                            .addClass("valid");
                    } else {
                        status.text("Not Valid")
                            .removeClass("valid")
                            .addClass("invalid");
                    }
                });

});