Problema con formularios

[yazo]

Hola:

Soy nuevo en esto del ajax y necesitaría que me echasen una mano.
Usando como base este formulario: http://www.ajaxhispano.com/node/19
Estoy intentando meter un pequeño formulario ajax dentro de un formulario normal, para luego procesarlo en php.

El codigo que estoy usando es el siguiente:

Código HTML:

Este ejemplo enviar&aacute; datos por m&eacute;todo post y los pondr&aacute; la capa de abajo:<br><br>
    <div style="text-align: center;">
    <form name="formulario" action="pasardatos.php" method="post">
    <form method="post">
        <div style="paddi">
        	Campo1:<input type="text" id="campo1" value="valor1" />
        </div>
        <div style="text-align=top;">
        	Campo2:<input id="campo2" value="valor2">
        </div>
        <div>
        	<input type="button" value="enviar" onClick="FAjax('ajax.php','capaContenedora','campo1='+document.getElementById('campo1').value+'&amp;campo2='+document.getElementById('campo2').value,'POST'); return false">
        </div>
    </form>
    <input type='submit'id='insertar' value='Insertar' onclick="document.formulario.submit()" />
    </form>
    </div>
    <div id="capaContenedora">Capa que recibir&aacute; los datos</div> 

Resulta que la parte del ajax funciona sin problemas, pero a la hora de dar al boton insertar no funciona.

¿Como lo puedo solucionar?

Muchas Gracias

[yazo]

Creo que no funciona porque es error de compatibilidad con iexplorer.

Ahora he conseguido que funcione en firefox con:

Código HTML:

Este ejemplo enviar&aacute; datos por m&eacute;todo post y los pondr&aacute; la capa de abajo:<br><br>
    <div style="text-align: center;">
    <form name="formulario" action="ajax2.php" method="post">
    <input id="prueba" name="prueba" type="text" value="prueba">
    <form method="post">
        <div style="paddi">
        	Campo1:<input type="text" id="campo1" name="campo1" value="valor1" />
        </div>
        <div style="text-align=top;">
        	Campo2:<input id="campo2" name="campo2" value="valor2">
        </div>
        <div>
        	<input type="button" value="enviar" onClick="FAjax('ajax.php','capaContenedora','campo1='+document.getElementById('campo1').value+'&amp;campo2='+document.getElementById('campo2').value,'POST'); return false">
        </div>
    </form>
    <input id="prueba2" name="prueba2" type="text" value="prueba"2>
    <input type='submit'id='insertar' value='Insertar' onclick="document.formulario.submit()" />
    </form>
    </div>
    <div id="capaContenedora">Capa que recibir&aacute; los datos</div> 

El problema es que de los inputs me pasa todos has el formulario en ajax, despues de él nada, es decir, me pasa el input "prueba" y los valores del form ajax, pero no me pasa los valores del input "prueba2".

¿Porque puede ser?

Muchas Gracias

[MaBoRaK]

loading..........

Te refieres que al hacer el submit normal no te toma el valor de prueba2?... eso pasa porque ya tienes un FORM dentro de otro form... entonces todo el formulario queda cortado hasta donde el TAG del form que tienes dentro TERMINE.

Pon

<input id="prueba2" name="prueba2" type="text" value="prueba"2>

por encima del form que estas incluyendo.

connection closed.

[yazo]

Solucionado,

Ha bastado con quitar las etiquetas del formulario intermedio:

Código HTML:

Este ejemplo enviar&aacute; datos por m&eacute;todo post y los pondr&aacute; la capa de abajo:<br><br>
    <div style="text-align: center;">
    <form name="formulario" action="ajax2.php" method="post">
    <input id="prueba" name="prueba" type="text" value="prueba">
        <div style="paddi">
        	Campo1:<input type="text" id="campo1" name="campo1" value="valor1" />
        </div>
        <div style="text-align=top;">
        	Campo2:<input id="campo2" name="campo2" value="valor2">
        </div>
        <div>
        	<input type="button" value="enviar" onClick="FAjax('ajax.php','capaContenedora','campo1='+document.getElementById('campo1').value+'&amp;campo2='+document.getElementById('campo2').value,'POST'); return false">
        </div>
    <input id="prueba2" name="prueba2" type="text" value="prueba"2>
    <input type='submit'id='insertar' value='Insertar' />
    </form>
    </div>
    <div id="capaContenedora">Capa que recibir&aacute; los datos</div>