Usted tiene problemas VARIAS
entrada type = La imagen es un botón de envío por lo que está tratando de enviar algo de una forma no-existente, Probablemente la misma página que está en
cuando envía form1, reemplaza la página actual, si logra enviar también Form2, es MUY probable que interfiera con el bmission de Form1
Aquí es lo que usted puede intentar (JavaScript natural):
<script language="javascript">
function() submitForms{
document.getElementById("firstform").submit();
document.getElementById("secondform").submit();
}
</script>
<form id="firstform" target="iframe1">
</form><iframe name="iframe1" style="display:none"></iframe>
<form id="secondform" target="iframe2">
</form><iframe name="iframe1" style="display:none"></iframe>
<button onclick="submitForms()"><img src="images/order-button.png" "/></button>
alternativa AJAX las formas de una en una (asume jQuery cargado)
DEMO HERE
$(document).ready(function() {
$("#subbut").click(function() {
$.post($("#firstform").attr("action"), $("#firstform").serialize(),
function() {
$.post($("#secondform").attr("action"), $("#secondform").serialize(),
function() {
alert('Both forms submitted');
});
});
});
});
ACTUALIZACIÓN: Si desea que el contenido de dos de forma que se someterá a una acción, sólo tiene que añadir los serialises:
$(document).ready(function() {
$("#subbut").click(function() {
$.post($("#firstform").attr("action"), $("#firstform").serialize()+$("#secondform").serialize(),
function() {
alert('Both forms submitted');
});
});
});
PS: El PHP en la demo se acaba haciendo eco de vuelta lo que se publica. No se necesita ninguna acción especial en el servidor.
has intentado 'return false' from' submitForms'? –
@ DanielA.White no, no lo intenté, pero dónde devolverlo falso –
Nuh-uh. Si lo envía, lo reenviará a la URL de acción a menos que envíe de vuelta algunas cosas que el navegador no pretende mostrar (un archivo que puede descargar). Puede usar javascript para enviar un mensaje de ajax post que contenga datos en cada formulario. – Alfabravo