enviar formulario con jquery sin usar botones submit

KENEL_17 · #1 (**permalink**) 26/12/2012, 16:00

Hola a todos necesito su ayuda, tengo el siguiente formulario que sirve para enviar un formulario a otra pagina sin recargar con jqwery ( es necesario tener tambien la pagina jqwery.js en la carpeta complementos)

funciona bien, pero tengo un problema, como veran hay dos botones uno llamado "enviar" y otro llamado "enviar2" el primero funciona bien, pues es un submit, pero el segundo no funciona

Quiero hacer funcionar el boton 2 (enviar2) obviamente manteniendo su tipo en button con un javascript o algo asi

espero su ayuda

Código:

<head>
<script type="text/javascript" src="complementos/jquery.js"></script>
<script type="text/javascript">
$(function()
{
$("#formulario_entrada").submit(function(){
$.ajax({type:"POST", url:"ejemplo2.php", dataType:"html", data:$(this).serialize(), beforeSend:function()
{ $("#loading").show();},
success:function(response){$("#mensaje_entrada").html(response); $("#loading").hide(); 
}
})
return false;
})}
)
</script>
</head>

<body>
<form name="formulario_entrada" id="formulario_entrada">
<input type="text" name="dato1" />
<input type="submit" value="enviar"/>
<input type="button" value="enviar2" />	  
<div id="mensaje_entrada"></div>
</form>
</body>
</html>

mil gracias

David · #2 (**permalink**) 26/12/2012, 18:37

Tendrás que agregar el listener al evento click del botón en lugar del evento submit del formulario.

Lo ideal sería en todo caso que el formulario apuntase a la página que procesa el formulario y usar un botón submit; sería accesible.

KENEL_17 · #3 (**permalink**) 26/12/2012, 19:24

podrias modificar mi codigo para hacerlo como dices, si no fuera demasiado pedir

NUCKLEAR · #4 (**permalink**) 27/12/2012, 06:12

Probá cambiando esto:

Esto es un listener:

Código Javascript:

Ver original$(".btnEnviar").click(function(){
 
................data:$('#formulario_entrada').serialize()..............
 
 
Tu HTML
 
<input class="btnEnviar" type="submit" value="enviar"/>
 <input class="btnEnviar"  type="button" value="enviar2" />

Deberias al menos intentar solucionar el problema leyendo buscando información al respecto, lo que pedís es extremadamente básico en Javascript.