Enviar un formulario al pulsar un enlace, con Javascript

soy_nicanor · #1 (**permalink**) 25/01/2014, 00:23

Este codigo me funciona muy bien.

Código HTML:

Ver original<html> 
<head> 
   <title>Enviar formulario al pulsar un enlace</title> 
<script> 
function enviar_formulario(){ 
   document.formulario1.submit() 
} 
</script> 
</head> 
 
<body> 
<form action="pagina_destino.php" method=post name="formulario1"> 
<input type="hidden" name="campo1" value="valor"> 
<input type="hidden" name="campo2" value="otroValor"> 
</form> 
 
<a href="javascript:enviar_formulario()">Enviar formulario</a> 
</body> 
</html>

Fuente: link

Tengo problemas en el link, Quiero también llevar datos en el url, ejemplo
<a href="pagina?dato=Hola">Enviar formulario</a>

Como adaptaría código javascript?

soy_nicanor · #2 (**permalink**) 25/01/2014, 00:32

De esta manera me lo he solucionado estará bien??

<form action="borar2.php?dato=<?php echo 'Hola Como estan'; ?>" method=post name="formulario1">

Código HTML:

Ver original<html> 
<head> 
   <title>Enviar formulario al pulsar un enlace</title> 
<script> 
function enviar_formulario(){ 
   document.formulario1.submit() 
} 
</script> 
</head> 
 
<body> 
<form action="borar2.php?dato=<?php echo 'Hola Como estan'; ?>" method=post name="formulario1"> 
<input type="hidden" name="nombre" value="valor"> 
<input type="hidden" name="campo2" value="otroValor"> 
</form> 
 
<a href="javascript:enviar_formulario()">Enviar formulario</a> 
</body> 
</html>

caricatos · #3 (**permalink**) 25/01/2014, 00:33

Hola:

En ese caso, el action debería tener los parámetros por get, igual que los enlaces...

Saludos

viterr · #4 (**permalink**) 26/01/2014, 08:55

o tambien seria valido lo siguiente

Código HTML:

Ver original<html> 
<head> 
   <title>Enviar formulario al pulsar un enlace</title> 
<script> 
function enviar_formulario(){ 
   document.formulario1.submit() 
} 
</script> 
</head> 
 
<body> 
<form action="" method=post name="formulario1"> 
<input type="hidden" name="campo1" value="valor"> 
<input type="hidden" name="campo2" value="otroValor"> 
</form> 
 
<a href="pagina.php?dato=Hola" onClick="enviar_formulario()">Enviar formulario</a> 
 
</body> 
</html>

caricatos · #5 (**permalink**) 26/01/2014, 09:28

Hola:

Cita:

Iniciado por viterr

o también seria valido lo siguiente

Seguro que no has probado tu código...

onclick debe escribirse en minúsculas (aunque funcione como lo pones...), y el evento click se ejecuta antes del envío porque se trata del evento asociado que vale para validar/confirmar el enlace, pero al no tener definido el atributo target, se envía hacia la misma página (_self) y deja de enlazar...

Saludos