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 originalvar formAjax = null;
$('#formAjax').submit(function() {
// Enviamos el formulario usando AJAX
var url = $(this).attr('action');
$("#formAjax").find(':input').each(function() {
var input = this;
var tipo = this.type;
var valor = this.value;
var nombre = this.name;
var id = this.id;
alert("#"+id);
switch(tipo){
case "text":
if(valor == "" || !valor.match(letras) || valor.match(vacios)){
$("#"+id).removeClass('correcto');
$("#"+id).addClass('fallo');
setTimeout(function () { $(".inputError").show("fast"); }, 300);
$('.inputError').html("ERROR: Has ingresado un campo vacio, número o carácter invalido.");
return false;
}
break;
}
formAjax = $.ajax({
type: 'POST',
url: $(this).attr('action'),
data: $(this).serialize(),
success: function(data) {
$("#loading").css("display","inline");
$("#paginado").css("display","none");
$("#paginado").load(url, function(){
$("#loading").css("display", "none");
$("#paginado").css("display","inline");
});
console.clear(data);
}
});
});
formAjax.abort();
formAjax.stop();
return false;
});