How can I validate string maxLength when editing a cell?

[Oscar]

Hello forum:
I'm new in Kendo UI and this is my first question: How can I validate maxLength in a cell of grid?
Kind regards,
Oscar

[Rosen]

Hello Oscar,

You may add additional validation rules which to be executed during Grid editing through the model definition. For example:

new kendo.data.DataSource({
    //.....
    schema: {
        model: {
            id: "ProductID",
            fields: {
                //....
                ProductName: {
                    validation: {
                        required: true,
                        maxlength:
                            function(input) {
                                if (input.val().length > 5) {
                                   input.attr("data-maxlength-msg", "Max length is 5");
                                   return false;
                                }
                                return true;
                            }
                    }
                }
            }
        }
    }
});

Regards,
Rosen
the Telerik team

[Oscar]

Hello Rosen:
Thanks for your help.
One last question:
Is there a way to set the attribute maxLength of the <input> to specify the maximum number of characters allowed for editing that cell?

[Rosen]

Hello Oscar,

You should use Grid's edit event to apply the attribute to the appropriate input.

$("#grid").kendoGrid({
     dataSource: dataSource,
     editable: true,
     edit: function(e) {
         e.container.find("input[name=ProductName]").attr("maxlength", 5);
     },
     //....
 });

All the best,
Rosen
the Telerik team

[jc mag]

It would be great to have the maxLength validation function built in your datasource component ;)

[Loganathan]

Hi
i have problem similar like this,

How can I validate dropdownlist when editing a cell?

Help me!

[Matthew]

In reference to this solution:

new kendo.data.DataSource({

    //.....

    schema: {

        model: {

            id: "ProductID",

            fields: {                  

                //....

                ProductName: {

                    validation: {

                        required: true,

                        maxlength:

                            function(input) { 

                                if (input.val().length > 5) {

                                   input.attr("data-maxlength-msg","Max length is 5");

                                   return false;

                                }                                   

                                return true;

                            }

                    }

                }

            }

        }

    }

});

It appears the maxlength function is being executed for every input element within the table row (in edit mode), instead of just the input for the field specified.

Is this the intended behavior?

Regards,

Matthew Sweeney

[Sampath]

hi,

how can I achieve the same functionality if I were to use ASP.NET MVC (Razor syntax). Can you please provide that as well? 

[Rosen]

Hi Sampath,

Information on how to implement custom validation using Kendo UI Validator in the context of ASP.NET MVC can be found in this help article.

Regards,
Rosen
Telerik

 

 

[asad]

dear Rosen i have a Time Format like this 234:00 how i validate it when i enter more then 3 value before colon its cant enter and same as i enter 2 value before colon its cant enter in kendo grid field 

[Rosen]

Hi asad,

I'm afraid I did not understood your question. In case you need a custom validation rule you should check this help article on how to implement such. Otherwise, you should open a separate support request in which to provide as much details about what is the actual problem as possible. Also a simplified test page which to demonstrate the issue  you are having will be appreciated.

Regards,
Rosen
Telerik by Progress