Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/01/2016, 17:22
Avatar de jandrogdz
jandrogdz
 
Fecha de Ingreso: julio-2012
Ubicación: public $Guadalajara
Mensajes: 397
Antigüedad: 11 años, 10 meses
Puntos: 12
Exclamación Enviar form sin recargar

Buenas foro.

Tengo una funcion de jquery que al enviar el form no deberia de refrescar la pagina para poder mostrar errores en los input pero si se recarga la pagina.

Espero alguien me pueda ayudar...

Código Javascript:
Ver original
  1. var formAjax = null;
  2.  
  3.                 $('#formAjax').submit(function() {
  4.                     // Enviamos el formulario usando AJAX
  5.                     var url = $(this).attr('action');
  6.  
  7.                     $("#formAjax").find(':input').each(function() {
  8.                         var input = this;
  9.                         var tipo = this.type;
  10.                         var valor = this.value;
  11.                         var nombre = this.name;
  12.                         var id = this.id;
  13.                         alert("#"+id);
  14.                         switch(tipo){
  15.                             case "text":
  16.                                 if(valor == "" || !valor.match(letras) || valor.match(vacios)){
  17.  
  18.                                     $("#"+id).removeClass('correcto');
  19.                                     $("#"+id).addClass('fallo');
  20.                                     setTimeout(function () { $(".inputError").show("fast"); }, 300);
  21.                                     $('.inputError').html("ERROR: Has ingresado un campo vacio, número o carácter invalido.");
  22.                                     return false;
  23.                                 }
  24.                             break;
  25.                         }
  26.  
  27.                         formAjax = $.ajax({
  28.                             type: 'POST',
  29.                             url: $(this).attr('action'),
  30.                             data: $(this).serialize(),
  31.  
  32.                             success: function(data) {
  33.  
  34.                                 $("#loading").css("display","inline");
  35.                                 $("#paginado").css("display","none");
  36.  
  37.                                 $("#paginado").load(url, function(){
  38.                                     $("#loading").css("display", "none");
  39.                                     $("#paginado").css("display","inline");
  40.                                 });
  41.                                 console.clear(data);
  42.                             }
  43.                         });
  44.                     });
  45.  
  46.                     formAjax.abort();
  47.                     formAjax.stop();
  48.                     return false;
  49.                 });
__________________
Lo imposible solo cuesta un poco mas