当页面上有多个日期字段时,KendoUI DatePicker验证

时间:2013-06-06 19:43:30

标签: validation kendo-ui

我希望在页面上验证日期字段,这很简单(参见this JSBin)。但是,当一个页面在页面上有多个日期字段时,事情开始变得古怪......

请参阅this JSBin并使用无效日期。

无效消息不知道要绑定到哪个输入,从而导致错误输入上的错误消息。有没有办法触发正确的输入字段?

1 个答案:

答案 0 :(得分:2)

不是为表单定义验证器,而是为每个日期定义验证器,因为实际上您要验证字段而不是整个表单。你可以这样做:

$(".datepicker").kendoDatePicker();
$(".datepicker").kendoValidator({
    rules   : {
        //implement your custom date validation
        dateValidation: function (e) {
            console.log("e", e);
            var currentDate = Date.parse($(e).val());
            //Check if Date parse is successful
            if (!currentDate) {
                return false;
            }
            return true;
        }
    },
    messages: {
        //Define your custom validation massages
        required      : "Date is required message",
        dateValidation: "Invalid date message"
    }
});

您的JSBin已修改here