Forms in Modal Bootstrap

Question

I’m with a system that all forms (Views) are in Modal Bootstrap.

The View Index loads all Partialview. Below the Index:

By clicking the Register button, for example, a Javascript function accesses Action Create via AJAX, and this in turn returns to Parialview '_Create':

Javascript:

Action:

The modal with the registration form is loaded on the screen:

When submitting the form by clicking Save, an internal check is made if the name already exists:

In a normal, static form, this would work beauty. But in this case Partialview is returned as a static page, and without Layout:

Someone has come across this scenario and could help me?

Answer 1

I did it. You have to do everything in Javascript. I don’t know if my code offers the best solution, but it was like this:

First, in the controller I separated the function verifying the existence of the entity, so that it could make the verification before submitting the form:

Then I changed the Submit button that submitted the form to the Controller, leaving it as type button, calling a Javascript (Cratebanco) function, as below:

Note that there are two Javascript functions. The first verifies the existence of the object, and according to the result triggers or not the 'Submitter' function. This function performs the Submit event, sending the data to Action Create, which persists the data.

Answer 2

This way I keep the Modal Bootstrap open while checking the existence of the typed data. And I can provide the answer to the user about this condition, before the data persists.