[Solved] Displaying Validation Messages in MVC 3 Window Control

[Darren]

I have an ASP.NET MVC data entry form.  I am using data annotations on the model to specify the validations to be performed.  However, I would like to display the Validation Summary in a modal Telerik Window control.  

I currently have the following defined for the window:

@{Html.Telerik().Window()
      .Name("ErrorMsgWindow")
      .Draggable(true)
      .Buttons(b =>
      {
          b.Close();
      })
      .Modal(false)
      .Resizable(r =>
      {
          r.Enabled(true);
          r.MinHeight(350);
          r.MinWidth(560);
      })
      .Scrollable(true)
      .Visible(true)
      .Content(
        @<text>
            @Html.ValidationSummary()
        </text>
       )
      .Render();
}

I have two separate issues that I haven't been able to resolve:

1)  You may notice from the code sample above that the Window is currently visible (for testing).  When I click on the Submit button for the form, the validation messages are displayed next to their corresponding controls, but nothing is displayed in the window.  I am suspicious that this is due to the Validation Summary in the Window not being contained in the same form.  But, I'm not sure how to get at the data to populate it manually.

2)  I would like to make the window invisible and only display it when there are errors.  However, I haven't been able to find the correct event to capture the result of the client-side validation and show the Window appropriately.

Any ideas, samples, blog posts, etc. describing how to accomplish this would be greatly appreciated.

Regards,

-Darren

[nachid]

There are two options

1) Display the window before the form is submitted to the server
In this case, you can check if the form is valid with $(form).valid()
if ( $(form).valid() )
{
 display your window
}

2) Display the window after the window is submitted to the server
Html.ValidationSummary is filled and you can check for .this class validation-summary-errors
 if (form).hasClass('validation-summary-errors'))
{
 display your window
}

[Darren]

Hey, Nachid.

Thanks for the reply. 

So, what event should I tie into?  I have tried the OnFailure event of the AJAX form, but it appears that it isn't fired unless the AJAX call to the controller returns an error.  But, the validation is being done client-side, so the form will never be posted, unless the validation passes. 

I guess what I am looking for is an event that will fire after the client-side validation and before posting the data.  Any ideas?

Thanks,

-Darren

[nachid]

Hook some code in the submit button event
Have a visit to Validate function. It has so many options

[Darren]

I will play around with this.  Thank you very much!

[Christian]

Darren, did you find a resolution to your problem?  I am trying to do the same thing and would love to see how you solved it.

Thanks!

Christian