Tengo una página que contiene varios formularios. Quiero agregar un solo botón de envío que permita guardar todos los formularios al mismo tiempo, como se ilustra a continuación:

<form id="form1" name="form1" action="someAction" method="post">
    ....form fields
</form>

<form id="form2" name="form2" action="someOtherAction" method="post">
    ....form fields
</form>

<form id="form2" name="form2" action="anotherAction" method="post">
    ....form fields
</form>

<a href="somewhere.html" onclick="submitAll();">Submit All Forms</a>

<script>
    function submitAll() {
        document.form1.submit();
        document.form2.submit();
        document.form3.submit();
    }
</script>

El problema que tengo es que una vez que se envía el primer formulario, está redirigiendo la página al destino de ese formulario; quiero interceptar esa redirección para poder procesar el siguiente formulario.

Sé que esto se puede hacer a través de AJAX, lo que de alguna manera me permitiría capturar la página devuelta (e ignorarla si así lo elijo), pero no puedo encontrar la manera de hacerlo sin asignar cada uno de los campos en el formar manualmente.

¿Alguien puede ayudar