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">
    <span id="radiobuttons">
<input id="item1" type="radio" value="Very Poor" name="radiobuttons"  required>
        <label for="item1">Yes</label>
<input id="item2" type="radio" value="No" name="radiobuttons"  required>
        <label for="item2">No</label>
    </span>
    <span class="k-invalid-msg" data-for="radiobuttons"></span> <br/>
    
    <button>Submit</button>
</form>

JavaScript

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