[Solved] Model validation on Tab

[Jeroen Eikmans]

Hello,

I have an application with some sort of master-detail editform.
On the left is a treeview and when you select an item, on the right-side there will be a tabstrip. On each tab the user can modify some data.

The model used to modify the data has several attributes like Required and StringLength on it's properties.
In the "model modify view" i use the Html.TextBoxFor and Html.ValidationMessageFor methods.
But i'm not able to get the client-side validation working. When i open this view directly in IE or FF the validation is working but when the view is displayed within a tab the validation isn't there.

The last couple of days I've tried a lot of different pieces of code to get the client-side validation working but so far no luck.
I also tried the solution presented in http://www.telerik.com/community/forums/aspnet-mvc/tabstrip/form-validation-does-not-work-with-multiple-tabs.aspx but jQuery.validator is always Undefined (???)
Also the solution "Sys.Mvc.FormContext._Application_Load();" in all my PartialViews did not do the trick.

I've attached a demo-app demonstrating this behaviour.
Can somebody have a look at it and tell me what i'm doing wrong?
Thanks in advance!

[Rosen]

Hi Roel Martens,

In order validation to work in your scenario you should initialize it when the form is loaded as mentioned in the thread you have pointed. I have attached an updated version of your project.

All the best,
Rosen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Jeroen Eikmans]

Hello,

I have another question about using AddModelError. Perhaps not a Telerik specific issue but i'm not sure what I still need to implement to get it working.
In the UserDetails Post-method I added : ModelState.AddModelError("", "This is my custom error");

As far as I know (and could find on google) AddModelError with empty string as key should make the Html.ValidationSummary display the errormessage on the client. But I can't get this to work...

I attached an updated demo-app with this code.
If anybody could have a look and tell me what i have not implemented, would be very appreciated!

[Rosen]

Hello Roel Martens,

Looking at the sample you have sent us it seems that ajax form is not correctly configured. You should set UpdateTargetId in order ajax form to update the page and show the server side errors.

All the best,
Rosen
the Telerik team