[Solved] Popup Form with Server/Client Validation in Window - Example

[Danny]

Hi,

I'd like to know if you can point me to the direction where I can find an example for Popup Form with Server/Client Validation in Telerik Window control.

The demos in the Demo section work really well, but there is no example for a Form with Validation in Window.


Thanks in advance,
Danny

[Petur Subev]

Hi Danny,

 I created and attached a project which shows a sample implementation. I hope this helps.

Kind regards,
Petur Subev
the Telerik team

[Alex]

This example looks incomplete.  The action just returns the view with the passed in model.  This results in the Index view being rendered with the popup form closed and no validation messages visible.  After clicking the "submit feedback" button a 2nd time the popup form shows the validation messages.  That's not at all user friendly.

When Server Side validation fails, the user's view should not change.  The popup form should remain on the screen.  The only change should be the failed validation highlighting and messages.

I was able to get this functionality to work by using an Ajax form.  I followed these instructions to create the components.  My window code looks like this:

Html.Telerik().Window()

        .Name("Window")

        .Title("Create New Item")

        .Content(@<div id="CreateItemFormContainer">

            @Html.Partial("_Create",Model)

            </div>)

        .Width(550)

        .Draggable(true)

        .Modal(true)

        .Visible(false)

        .Render();



_Create is my partial view with Html.AjaxForm code.  You should be able to figure out the rest by following the examples.  Make sure you have jquery.unobtrusive-ajax.js referenced or else your ActionResult will render in a new window instead of replacing the Form when validation fails.

[Grzegorz]

How to enable client side validation if the form on Window which is loaded as dynamic partial view using jquery.ajax?

Client side validation works fine when the Window with form in it is rendered as static view, but when switching to dynamic it stops working.

[Alex]

Client validation works fine for me with Ajax.  Did you follow the instructions from my previous post?  Are you using Ajax.BeginForm?

[Conan.Whalen-McKain]

Alex, can you post the sample solution please? It would help immensely.