I have scoured the forums and following all of the instructions to try to get the DropDownlist to properly behave. What I am doing is using a wizard (in Jquery) form and each time the next button is called the following code is hit:
if (wizardForm.valid()) {// validate the form
wizardForm.validate().focusInvalid();
.............}
The problem is when I change the ignore option to "", from ignore: ":hidden" the validation looks like it is successful and without validation errors however the next button does not advance to the next page.
I have also tried the example from the "KendoInputs_Validation" project but that does not work at all in Visual Studio.
1 Answer, 1 is accepted
0
Hi Terrell,
The described behavior is expected as the DropDownList widget input element is hidden and the default error message placement of the jQuery validate will not work as expected. Possible solution is to use the "errorPlacement" function to manually place the message outside the DropDownList widget.
Also I would suggest to check the Kendo UI validator which is a replacement of the jQuery validation - it offers an easy way to do client-side validation and us fully supported. For more information you can check the following resources:
Here is the above example using Kendo UI validator:
Regards,
Vladimir Iliev
Telerik
The described behavior is expected as the DropDownList widget input element is hidden and the default error message placement of the jQuery validate will not work as expected. Possible solution is to use the "errorPlacement" function to manually place the message outside the DropDownList widget.
Also I would suggest to check the Kendo UI validator which is a replacement of the jQuery validation - it offers an easy way to do client-side validation and us fully supported. For more information you can check the following resources:
Here is the above example using Kendo UI validator:
Regards,
Vladimir Iliev
Telerik
See What's Next in App Development. Register for TelerikNEXT.