KendoUI DatePicker validation when multiple date fields are on a page

Question

I'm looking to validate date fields on a page, which is simple (see this JSBin). BUT, when a page has multiple date fields on a page things start to get wacky...

See this JSBin and play around with invalid dates.

The invalid message doesn't know which input to bind to, causing error messages on the wrong inputs. Is there a way to trigger the correct input field?

score 2 · Accepted Answer · answered Jun 06 '13 at 20:30

Instead of defining a validator for the form, define a validator for each date as actually you want to validate the fields and not the form as a whole. You can do it as:

$(".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"
    }
});

Your JSBin modified here

Thanks a lot, I was banging my head against the wall because all the examples on the KendoUI page make a reference to a form as if it is a required thing. Plus one to your answer. — Charlie Affumigato, Dec 05 '13 at 01:58

KendoUI DatePicker validation when multiple date fields are on a page

1 Answers1

Linked