For example, I have form which has Salary as input field, now I would like to perform custom validation on this field.
HTML
<div id="DataEntryDiv" style="margin-top:20px"> <div class="editor-label">Salary</div> <div class="editor-field"> <input id="Salary" type="number" class="input" name="Salary" data-bind="value: Salary" /> </div> </div>
JAVASCRIPT
<script type="text/javascript"> var myValidator = $("#DataEntryDiv").kendoValidator({ rules: { SalaryRule: function (input) { if (input.is("[name=Salary]")) { return !(parseInt($("#Salary").val()) <= 0); } return true; } }, messages: { SalaryRule: "Value must be greater than 0", }, validateOnBlur: false }).data("kendoValidator"); function onSave(e) { if (!myValidator.validate()) { e.preventDefault(); } } </script>
This works with Kendo Grid Pop as well. All you have to do is hook up the save event for kend Grid
@(Html.Kendo().Grid<MyModelClass>() .Name("myKendoGrid") .Events(e => e.Save("onSave"))
Happy Kooding… Hope this helps!