KendoUI验证数字文本框

时间:2014-06-04 14:58:47

标签: kendo-ui

KendoUI验证不适用于kendo-numeric-textbox。我收到以下错误。 “名称='金额'的无效表单控件无法调焦。”

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

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

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

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:2)

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

我能够使用kendo验证器使其工作: [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");
                    }
                });

});