Jquery Validation

2 posts, 0 answers
  1. Terrell
    Terrell avatar
    3 posts
    Member since:
    Sep 2014

    Posted 15 Apr 2015 Link to this post

    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.

  2. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2172 posts

    Posted 20 Apr 2015 Link to this post

    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
     

    See What's Next in App Development. Register for TelerikNEXT.

     
  3. UI for ASP.NET MVC is VS 2017 Ready
Back to Top