Javascript BOTÃO para salvar dados de todos os form!

[Mizrain Phelipe Sá]

Olá pessoal, tenho um formulário extenso com algumas abas e em cada aba existe um form com método "post". Gostaria de criar um BOTÃO "finalizar" na última aba que salvasse todos os dados inseridos em todos os form do formulário, como faço?

 

Obs: Devido o formulário ser mt grande, não tem como colocar aqui todos os códigos por isso irei resumir e caso precise de algum código eu acrescento na pergunta.

 

 

 

Os form das abas estão assim:

 

<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>

 

O botão que eu uso em cada aba para salvar os dados inseridos na aba:

 

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

 

[washalbano]

Olá!
Acredito que seja possível resolver assim:

a) O último botão(o que vai disparar o salvamento de todos os forms), não precisa ser do tipo submit.
    Como cada form vai ser submetido a uma diferente requisição url, quando esse botão for clicado, o sr. vai precisar:
b) Via js, percorrer todos os forms, validá-los, submetê-los um a um
c) Se houver alguma falha(frontend ou backend), aterar para a aba do respectivo form exibindo os warnings | notices | errors necessários
d) Se não houver falha alguma, exibir mensagem de sucesso.