One BUTTON to save data from all Foms!

Question

I have an extensive form with some tabs and in each tab there is a form with "post" method. I would like to create a "finish" BUTTON in the last tab that saved all the data entered in all form form, as I do?

Note: Due to the form be mt great, there is no way to put here tds the codes so I will summarize and if you need some code I add in the question.

The shape of the tabs is like this:

<form action="/Pasta/SalvarInquerito" method="post" id="FormInquerito"></form>
<form action="/Autor/Salvar" id="formAutor" method="post"></form>
<form action="/Pasta/SalvarCrime" method="post" id="FormCrime"></form>
<form action="/Filhos/Salvar" id="formFilho" method="post"></form>
<form method="post" id="PericiaForm" action="/Pasta/SalvarPericia"></form>
<form action="/Pasta/SalvarVitima" method="post" id="FormVitima"></form>

The button I use in each tab to save the data entered in the tab:

<button type="submit"
                id="btnSalvar"
                form="FormVitima"
                class="btnSalvarGreen">
            SALVAR
</button>

Answer 1

I believe that one of the ways would be using a simple javascript (and if necessary I can write an example in jQuery).

On the button you created place an event onclick with a function name and change the type of Submit for button so that the DOM control is in JS. As in the example below:

<input type="button" id="btnSalvar" class="btnSalvarGreen" value="SALVAR" onclick="salvarForms()" />

In javascript code, do an action Submit for every form you want based on your ID:

salvarForms = function(){
   document.getElementById("formInquerito").submit();
   document.getElementById("formCrime").submit();
   .
   .
   .
}

Ready! You will probably be able to save multiple Foms this way. Then tell me if it worked, ok?