jquery submit

cybersersupremo · #1 (**permalink**) 17/09/2008, 04:07

Hola, estoy intentando con jquery enviar un formulario y si tiene algo mal que me lo ponga en un div el error. Pero el problema es que cuando pulso el submit hace lo que hace el ajax y luego hace como le submit normal y se va a la url del action. yo no quiero que se vaya al url del action simplemente quiero que lo haga con ajax. no se que puedo estar haciendo mal.

Por ejemplo os pongo este ejemplo: Quiero que cuando pulse el submit me haga el alert y nada mas:

Código:

<html>
<head>
	<title>Formulario dinamico</title>
<script src="jquery/jquery.js" type="text/javascript"></script>
<script type="text/javascript">

            $(document).ready(function (){
			//alert("READY");
			   $("#formid").submit( function (){	
			   	alert("SUBMIT");	   

				});
            });
</script>

</head>
<body>

<form id="formid" method="post" action="procesaajax.php"><br/>
Nombre * <input type="text" name="nombre" /><br/>
Email * <input type="text" name="email" /><br/>
Empresa <input type="text" name="empresa" /><br/>
Teléfono * <input type="text" name="telefono" /><br/>
Fax <input type="text" name="fax" /><br/>
Web <input type="text" name="web" /><br/>

<input type="submit" value="Enviar"/>
</form> 
<div id="resultados"></div>


</body>
</html>

foreverOdd · #2 (**permalink**) 17/09/2008, 07:47

nunca he trabajado con jquery pero porque no intentas con algo asi:

$("#formid").submit( function (e){
e.preventDefault();

alert("SUBMIT");

});

#3 (**permalink**) 17/09/2008, 14:52

En realidad para prevenir que continúe, basta con devolver false. En la propia documentación de jQuery viene. (Enlace recomendado)

Código javascript:

Ver original$(document).ready(function (){
    $("#formid").submit( function (){   
        alert("SUBMIT");
        return false; //Si devolvemos false, el formulario ya no se enviará.
    });
});

hector2c · #4 (**permalink**) 19/09/2008, 22:03

hola venkman, justo andaba con este problema, bueno, algo referente, uso jquery validator y tengo el siguiente codigo:

Código HTML:

<script>
  $(document).ready(function(){
  $("#commentForm").validate();
					
  $("#commentForm").submit( function (){  
    var respuesta = confirm("¿Desea registrar al usuario?");
    if (respuesta)
      return true;
    else
      return false; //Si devolvemos false, el formulario ya no se enviará.
  });

});
				
      </script>

y el formulario

Código HTML:

<form class="cmxform" id="commentForm" method="get" action="">
<table class="zebra">
  <thead>
    <tr>
      <th colspan="2">Agregar comentario</th>
    </tr>
  </thead>
  <thead>
    <tr>
      <td>Name *</td>
      <td><input id="cname" name="name" size="25" class="required" minlength="2" /></td>
    </tr>
    <tr>
        <td>E-Mail *</td>
        <td><input id="cemail" name="email" size="25"  class="required email" /></td>
    </tr>
    <tr>
      <td>URL</td>
      <td><input id="curl" name="url" size="25"  class="required url" value="" /></td>
    </tr>
    <tr>
      <td>Your comment *</td>
      <td><textarea id="ccomment" name="comment" cols="22"  class="required"></textarea></td>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td colspan="2"><input class="submit" type="submit" value="Submit"/></td>
    </tr>
  </tfoot>
</table>
</form>

deseo que al momento de hacer el submti, envie un mensaje de pregunta, para enviar o cancelar el envio.

el problema es que deseo que ese mensaje me salga "solo", cuando todos los campos esten rellenos.

el mensaje aparece cuando esten o no llenos los campos, lo del validator funciona muy bien evitando enviar el forumlario, el problema es el mensaje que "deberia" aparecer solo cuando se rellenen todos...

espero me puedas ayudar, gracias de ante mano