[Solved] Unobtrusive validation not working as expected on ComboBox

[Karan Misra]

Hello,

I see that the data-val="true" and other attributed are rendered for the second 'input' control. However, the 'input-validation-error' is not being added properly.

There fore, the Combo Box is not displaying the familiar pink hume of error. This is also replicated on the demo pages (ComboBox > Client Side Validation.)

Is this the intended behavior?

Regards,
Karan Misra

[Georgi Krustev]

Hello Karan Misra,

 
The input-validation-error is actually applied to the visible input. Check this screencast for more information. There is no defined "input-validation-error" CSS class in the demo and that is why it so not colored in red. This functionality is not supported in Chrome, because this browser does not implement DOMAttributedChanged event.

Regards,
Georgi Krustev
the Telerik team

[Karan Misra]

Thanks for the tip Georgi.

It is indeed adding the CSS class in Firefox.

In Chrome, could we implement a timer to watch the hidden input tags and update the visible input tag based on changes? As a work around...

[Georgi Krustev]

Hello Karan,

 
I will forward your feature request to our developers for further investigation and consideration. We will determine whether to implement it depending on the users interest.

Regards,
Georgi Krustev
the Telerik team

[Grant Drury-Green]

I notice in the referenced demo (in the screencast) - if you load the page, and immediately click "Save" - no validation error is reported - even tho there is no selected product. It's only fired if you have tried to type something in the drop down.

It seems to me that there's a problem with load on demand and initial validation.

Is this a known issue and is there any workaround?

[Georgi Krustev]

Hello Grant Drury-Green,

 
This is expected, because the validated input (the one which holds the selected value) is rendered with value. The value in the demo is "1". That is why the validation passes. You can overcome this if you not set the value of the ComboBox component.

All the best,
Georgi Krustev
the Telerik team