Foros del Web » Programando para Internet » Jquery »

Error enviando formulario con ajax jquery

Estas en el tema de Error enviando formulario con ajax jquery en el foro de Jquery en Foros del Web. Capturo el evento submit y evito que se dispare el evento por default, valido el formulario y posteriormente lo envio por $.ajax, estoy usando codeigniter ...
  #1 (permalink)  
Antiguo 04/04/2012, 15:33
Avatar de KND
KND
 
Fecha de Ingreso: septiembre-2008
Mensajes: 9
Antigüedad: 15 años, 7 meses
Puntos: 0
Pregunta Error enviando formulario con ajax jquery

Capturo el evento submit y evito que se dispare el evento por default, valido el formulario y posteriormente lo envio por $.ajax, estoy usando codeigniter para este proyecto y en la consola de errores de chorme me aparece que el formulario lo envia a otra url, no a la del campo action, dejo el codigo para ver si me ayudan a encontrar mi error:



Código:
<form id="captura" name="captura" method="POST" action="<?=base_url();?>main/doCaptura">
      //campos del formulario
</form>


<script type="text/javascript">
$("#captura").submit(function(event) {
  			event.preventDefault();

			var x=0; 
 			
			
		if ($("#nombre").val() == ""){
			$("#nombre").focus();
			alert("Proporcione un nombre");			
			x=1;
			return false;
			}
		// y demas validaciones
	
	if(x==0){

	$.ajax({
  		 	url: $("#captura").attr('action'),
			type: "POST",
                        data: $("#captura").serialize(),
		   
		   success: function(msg){
     		       //limpio campos del formulario
		
	            },
	
	            error: function () { 
		         alert("mal mal mal");		
		     }	
              
 	});//ajax
   }
</script>
  #2 (permalink)  
Antiguo 08/04/2012, 08:00
Avatar de KND
KND
 
Fecha de Ingreso: septiembre-2008
Mensajes: 9
Antigüedad: 15 años, 7 meses
Puntos: 0
Respuesta: Error enviando formulario con ajax jquery

Revisando un poco mi codigo me doy cuenta que el metodo .attr me devuelve: undefined
Código:
var urlform = $("#captura").attr('action');
	alert(urlform);
El sitio de jquery dice que es porque el elemento no esta creado aun, pero curiosamente si entra a las validaciones que estan despues de:
Código:
$("#captura").submit(function(event) {
  			event.preventDefault();
  #3 (permalink)  
Antiguo 08/04/2012, 08:42
Avatar de KND
KND
 
Fecha de Ingreso: septiembre-2008
Mensajes: 9
Antigüedad: 15 años, 7 meses
Puntos: 0
Respuesta: Error enviando formulario con ajax jquery

Al final lo solucione yo mismo XD, no se porque no respeta el uso del identificador para esta propiedad, el codigo quedo asi:
Código:
$('form').attr('action');
No es lo ideal, pero por lo pronto es el unico formulario que tengo en esa vista

TEMA CERRADO
  #4 (permalink)  
Antiguo 30/06/2012, 12:50
 
Fecha de Ingreso: noviembre-2008
Ubicación: Medellin
Mensajes: 21
Antigüedad: 15 años, 5 meses
Puntos: 1
Respuesta: Error enviando formulario con ajax jquery

claro pero recuerda que para funcionar debe de tener un id de identificar el div para llamarlo de esa forma $("#captura").attr('action')

Etiquetas: ajax, codeigneter, formulario, javascript
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:23.