Form Validation does not work with Multiple tabs

[Reza]

Hello there,

I'm using Telerik Tabstrip and Menu. Here is the scenario:

I have DataAnnotation validation on Models, let say "Region" and "Contact".
I've used on form tag which encompass the tabstip that contains two tabs one for "Region" and the other for "Contact" partial views. The goal is that when user click Save menu Item, it'll trigger validation of both partial views and send both Contact and Region to the controller action.

The binding model is working fine and in the controller action I get both Region and Contact objects, however client side validation does not work at all.
Loading Region and Contact partial views are not Ajax (though ajax version did not work on client validation either). Seeing the markup in the FireBug, shows that the script are in the markup but the validation does not work.

I appreciate your attention.

Thanks,
Reza

[Georgi Krustev]

Hello Reza,

I suppose that you forgot to call Html.EnableClientValidation into ascx file. For your convenience I have attached a simple test project which implements the required functionality. Check PostTabStrip.aspx page.

Best wishes,
Georgi Krustev
the Telerik team

[Kevin]

So I have a similar issue, so your answer looked promising.  There is one difference with my app.  My tabs are dynamically created so the partial view and the controls within it are all built on the fly.  Adding in Html.EnableClientValidation on the partial view didn't help.

Do I have to do something extra because the controls are dynamically added?

Steve

[Henry]

I have the similar question. I'm using the razor engine, server side "Bind to" and "ContentUrl" like below:

@{Html.Telerik().TabStrip()
    .Name("TabStrip")
    .BindTo((IEnumerable<TapStripNavigationData>)ViewBag.TabStripData, (item, navigationData) => {
        item.Text = navigationData.Text;
        item.ImageUrl = navigationData.ImageUrl;
        item.ContentUrl = navigationData.ContentUrl;
    })
    .SelectedIndex(0)
    .Render();
}

The client side form validation in partial view doesn't work in TabStrip.

[Henry]

Solved, please see my post: 

http://www.telerik.com/community/forums/aspnet-mvc/tabstrip/repost-client-validation-in-loadfromcontent.aspx#1776099

[nachid]

When tabs are loaded dynamically you should explicitly reset validation by calling

if (jQuery.validator !== undefined)
{
    jQuery.validator.unobtrusive.parse('form');
}