Kendo Validator - Focus on first invalid field

[Kevin]

This has been asked before here: https://www.telerik.com/forums/kendo-validator---focus-on-first-invalid-field

However, the given solution does not work with a kendoTextBox. 

If you use the example given in the previous post (http://dojo.telerik.com/ukoLUJ/4?_ga=2.193348590.2100086651.1638809904-402941789.1637689930) and replace the inputs with kendoTextBoxes and update the libraries to the latest version, they will not gain focus when invalid.

Any help would be appreciated, thanks,

Kevin

[Martin]

Hello, Kevin,

The TextBox is not being focused because the input with k-invalid class is placed within a span that has the same class. As the :first selector is applied, the span is focused instead of the input field. To fix it, modify the selector as follows:

var validator = $("#ticketsForm").kendoValidator({
            validate: function(){
              $("input.k-invalid:first").focus();
            }
          }).data("kendoValidator"),

Here is the modified example for reference as well.

Let me know if you have any further questions.

Regards,
Martin
Progress Telerik