Tengo el siguiente formulario :
<form id="frm-registrarusuario" action="../php/usuario.php" method="post">
<input name="usuario" id="usuario" type="text">
<input name="clave" id="clave" type="text">
<button type="submit" name="submit" >Registrar</button>
</form>
El archivo usuario.php:
if(isset($_POST["validarUsuario"])){
header('content-type: text/json');
$usuario = $_POST["usuario"];
$where = array("usuario"=>$usuario);
if($obj -> validarUsuario("usuario",$where))
{
$data["respuesta"] = "EXISTE";
$data["mensaje"] = "¡ERROR!, El usuario ingresado ya existe";
}else{
$data["respuesta"] = "NOEXISTE";
}
echo json_encode($data);
}
el codigo jquery:
$(document).ready(function () {
$("#frm-registrarusuario").on("submit",function (e) {
e.preventDefault();
var usuario = $("#usuario").val();
$.ajax({
method:'post',
url:'../php/usuario.php',
data:{
usuario:usuario,
validarUsuario:1
},
dataType:'json',
success:function (data) {
if(data["respuesta"]=="EXISTE"){
alert(data["mensaje"]);
return false;
}
if(data["respuesta"]=="NOEXISTE"){
return true;
}
}
});
});
});
Lo que intento hacer es que si el usuario existe, el form no permita enviar datos, sin embargo al exister el usuario, aun envia el formulario. Parece que el ajax se ejecuta al final de todo, despues de enviar el form. Alguna idea como solucionarlo?
success
, determinas (en base a la respuesta del servidor), si el usuario existe o no. Lo que no entiendo es por qué quieres evitar que el formulario se envíe en caso de que el usuario exista. ¿Qué otro medio tienes para verificar que el usuario existe? Supongo que los datos del mismo están almacenados en una base de datos y que es allí donde verificas. A no ser que quieras evitar que la página se cargue de nuevo.return false;
yreturn true;
. En la parte delsuccess
donde tienes eso lo que deberías es modificar el contenido de la página actual si así lo quisieras. Si quitando losreturn
la página carga de nuevo significa que hay algún error, en el código jQuery mismo o del lado del servidor (PHP).