Llevo varios días con este problema. Primero quiero hacer validaciones de campos vacíos y validar que un campo no se repita en la base de datos (esto último lo hago con ajax, en un evento change()),para así poder después enviar los datos del formulario por ajax a la base de datos.
Mi problema es que, cuando el campo repetido es detectado, si aparece el mensaje de error,la primera vez que lo detecta si para el formulario, pero a partir de la segunda vez de todos modos se envía el formulario. Lo que quiero hacer es que el envío del formulario se para siempre que encuentre ese campo repetido.
Este código hace que cuando el campo "alias" cambié $("#alias").change(), hace una solicitud a ajax para detectar si el campo "alias" esta repetido (regresa un true o un false).
$("#alias").change(function() { var alias = $("#alias").val(); $.ajax({ type:"POST", dataType:"text", url: 'index.php?ruta=sistema/ajax_validarAlias', data:({alias: alias}), success: function(respuesta){ var json = jQuery.parseJSON(respuesta); if(json.respuesta == true){ $("#alias").focus().after("<span id='Ealias''>Ya existe un usuario con ese nombre de alias.</span>"); $("#alias").focus(); $('#btnEnviar').attr('disabled','disabled'); return false; }// fin if //desbloquear el boton enviar si no se repite else { $('#btnEnviar').removeAttr('disabled'); } }, });//fin ajax });
El siguiente código es el que uso en el evento onclik() del botón enviar $("#btnEnviar"), para validar campos vacíos y enviar el formulario por ajax a la base de datos:
$("#btnEnviar").click(function(){ if(($("#nombre").val() === "")){ $("#nombre").focus().after("<span id='Enombre' class='alert alert-danger '>Este campo no puede ir vacío.</span>"); return false; } else if(($("#alias").val() === "")){ $("#alias").focus().after("<span id='Ealias' class='alert alert- danger'>Este campo no puede ir vacío.</span>"); return false; } else if(($("#password").val() === "")){ $("#password").focus().after("<span id='Epassword' class='alert alert- danger '>Este campo no puede ir vacío.</span>"); return false; }else{ $.ajax({ dataType: "text", url: 'index.php?ruta=sistema/ajax_crear', method: 'POST', data: $("#formCrearSistema").serialize(), success: function(respuesta){ var json = jQuery.parseJSON(respuesta); if(json.respuesta == true){ $('#btnEnviar').attr('disabled','disabled'); $("#alertOperacion").css("display", "block"); $("#alertOperacion").html( "Usuario creado exitosamente!" ); }else{ alert("Ocurrió un error al crear el usuario"); $("#alertBioGuardada").html( "Ocurrió un error al crear el usuario. Favor de contactar al administrador del sitio." ); } }, error: function(xhr, status, err){ console.log('Error: ' + err); } }); }//fin else }); //fin evento click botón enviar