Kendo DropDown Validation Fix for Error Styling

gistfile1.txt

//kendo validation is required for validation of kendo controls to work properly.
$("form").kendoValidator({
    errorTemplate: "",  //remove the additions kendo places to the right of each field.
    validate: function (e) {
        //Bizarrely, Kendo dropdowns require special attention.
 
        //Span with k-dropdown are kendo dropdown controls. They contain an input, which is used to store the value,
        //and another span (which has .k-input-wrap) that controls the actual presentation.
        //
        //The problem is that k-invalid is placed on the input, which isn't even visible. So, we have to
        //check the input for .k-invalid, and set a class on the span to control validation appearance.
 
        var dropDowns = $(".k-dropdown");
 
        $.each(dropDowns, function (key, value) {
            var input = $(value).find("input.k-invalid");    //this is where Kendo foolishly places k-invalid
            var span = $(this).find("span.k-dropdown-wrap"); //this span controls the dropdown's appearance.
 
            //manually set the validation attributes.
            if (input.size() > 0) { //if there is an input in here with k-invalid...
                $(span).addClass("k-invalid");
            } else {
                $(span).removeClass("k-invalid");
            }
        });
    }
});