How to Add validation inside the kendo grid.

[Rohendra]

I have Kendo Grid i need to add validation on innner textbox on updating a row.

I am using code like that.

 

@html.kendo()

[Anton Mironov]

Hi Rohendra,

Thank you for the details provided.

In order to achieve the desired behavior, I would recommend using the approach from the following demo:

• https://demos.telerik.com/aspnet-mvc/grid/editing-custom-validation

In the demo above, the ProductName column has a validation rule to start with a capital letter:

 $(document).ready( function () {
        $.extend(true, kendo.ui.validator, {
            rules: { // custom rules
                productnamevalidation: function (input, params) {
                    if (input.is("[name='ProductName']") && input.val() != "") {
                        input.attr("data-productnamevalidation-msg", "Product Name should start with capital letter");
                        return /^[A-Z]/.test(input.val());
                    }

                    return true;
                }
            },
            messages: { //custom rules messages
                productnamevalidation: function (input) {
                    // return the message text
                    return input.attr("data-val-productnamevalidation");
                }
            }
        });
    });

Make the needed tests on your side:

1. Open the demo.
2. Edit a record.
3. Change the ProductName value so it does not start with a capital letter.
4. Observe the result.

I hope this achieves the desired result.

Kind Regards,
Anton Mironov
Progress Telerik