validation - 页面上有多个日期字段时的 KendoUI DatePicker 验证

Question

我正在寻找验证页面上的日期字段，这很简单（请参阅此 JSBin）。但是，当一个页面在一个页面上有多个日期字段时，事情开始变得古怪......

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

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

Answer 1

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

$(".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 已在此处修改