Enviar formulario dividido en dos

Hola a todos.

Por cuestiones de diseño he tenido que dividir un formulario en dos partes (como si fueran dos formularios independientes) y lo que quiero es enviar por email todos los campos. Esto mismo lo he hecho muchas veces con un solo formulario de la siguiente forma:

En el HTML:

Código HTML :

<form action="php/enviar_presupuesto.php" method="post" id="idFormPre">
...
<input type="button" value="Enviar" onclick="validarFormPre()" />
</form>

Antes de enviar valido con JS los campos que son necesarios rellenar creando finalmente una variable que contenga todos los campos:

Código Javascript :

var form_pre=document.getElementById("idFormPre");
form_pre.submit();

En "enviar_presupuesto.php" tengo el código PHP para crear el email y que se envie.

¿Se puede hace algo parecido pero recogiendo los datos de dos formularios? Todos los datos tienen que llegar en el mismo email, no en emails distintos.

El tag <form> puede abarcar ambos divs sin problemas.

¿Seguro? Lo había probado y no se visualizaba bien. ¿Y como debería ser?, algo así:

Código HTML :

<form action="php/enviar_presupuesto.php" method="post" id="idFormPre">

<div id="form_parte1">
...
</div>

<div id="form_parte2">
...
<input type="button" value="Enviar" onclick="validarFormPre()" />
</div>

</form>

¿Y de esta forma cumple estándares?

Como lo has hecho está bien y debería funcionar. El tag <form> es un elemento contenedor y como tal puede contener cualquier cosa excepto frames o iframes.
Los problemas que experimentes deben ser provocados por otra cosa. Si pudieras indicarnos el sitio (URL) del código que te da problemas podríamos verificar qué está pasando.

¡Muchas gracias DriverOp! Funciona perfectamente. El problema es que lo había probado pero metiendo el formulario dentro de las divs, y efectivamente el formulario debe ser el que contenga ambas divs.