Empty

by stevescotthome

HTML

<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<form id="container">
            <input type="text" validationmessage="Please select a date" required="" class="picker k-invalid" id="contentPlaceHolder_C004_ctl00_ctl00_C108_ctl00_TextBox1" name="ctl00$contentPlaceHolder$C004$ctl00$ctl00$C108$ctl00$TextBox1">
            
    <span class="k-invalid-msg" data-for="ctl00$contentPlaceHolder$C004$ctl00$ctl00$C108$ctl00$TextBox1"></span>
            
    <br />
    <button>Submit</button>
</form>

JavaScript

$("form").kendoValidator({
        rules: {
            radio: function (input) {
                if (input.attr("type") === "radio" && input.attr("required")) {
                    return $(".student_eval_of_preceptor_wrapper").find("[name='" + input.attr("name") + "']").is(":checked");
                }
                return true;
            }
        },
        messages: {
            radio: "Select one of the options"
        }
    });

$(".picker").kendoDatePicker({
            format: "dddd MMM dd, yyyy"
        });