Return Partialview with validations for a Modal ASP MVC 4

Question

I have an Index screen, where is the table of registered people, on the same screen I have a new button that calls a Modal(boostrap) this way:

<a href="@Url.Action("Add", "Pessoa", new { area = "Gestor" })" class="btn btn-primary" data-toggle="modal" data-target="#modalPessoa">
    <span class="glyphicon glyphicon-plus"></span> Novo
</a>

and the controller returns return PartialView("Partial/ModalPessoa");

The content of Modalpessoa is a form with several fields that are mandatory, when it is given Submit goes to the controller that is like this:

if (ModelState.IsValid)
{
    return RedirectToAction("Index");
}
return PartialView("Partial/ModalPessoa", model);

, but it returns only partial without style or script at all, instead of returning this partial into Modal, someone knows how to return the partial content into the modal with the validations made on the server?

Answer 1

If the idea is to bring a Modal to register new records, the use of Partials interacting with the Controller is unnecessary. As good practice, Modal can stay hidden and be displayed through simple JS event.

To display validation in case of errors, there are three alternatives:

• Use jQuery.Validation to validate as much information as possible on the screen;
• Do POST by Ajax and work the return JSON;
• Do the normal POST, and review the Modal in case of validation errors.