Estoy haciendo las validaciones para los campos de mi formulario, y una de estas, es que si el valor escrito en un campo, en este caso rut_usu se encuentra en la base de datos, se bloquee el formulario, y se auto enfoque el input nuevamente para modificar su valor. Esto lo estoy haciendo de esta forma, busca el valor correctamente, y me muestra el mensaje correcto, pero ¿Como podría hacer que se bloquee el formulario, si se encuentra un resultado?
Javascript
$("#rut_usu").focusout(function(){
$("#resultado").removeClass("hide");
//obtenemos el texto introducido en el campo
var parametros = {"rut_usu" : $("#rut_usu").val()};
//hace la búsqueda
$.ajax({
type: "post",
url: '<?php echo base_url();?>C_Usuarios/consultar_rut',
data: parametros,
dataType: "html",
error: function(){
alert("error petición ajax");
},success: function(data){
if(data){
$('#btn_insert').attr('disabled', 'disabled');
$('#resultado').html('<span style="color:red;">Ya existe un usuario con ese Rut</span>');
window.document.r_usuarios.rut_usu.focus();
window.document.r_usuarios.rut_usu.select();
return false;
}
else{
$("#resultado").addClass("hide");
}
return true;
}
});
});
HTML
<div class="col-md-2">
<div class="form-group">
<label>Rut</label>
<input type="text" id="rut_usu" name="rut_usu" class="form-control" placeholder="18811942-5" autofocus>
<div id="resultado"></div>
</div>
</div>
Si existe un valor igual en la base de datos se muestra el mensaje del model dentro del div resultado.
Model
public function consultar_rut($rut_usu){
$query = $this->db->query("SELECT rut_usu FROM usuarios WHERE rut_usu='$rut_usu'");
$usuario = $query->row();
if(empty($usuario)) {echo false;} //Si existe devolvemos false
else {echo true; }//Si no existe, true.
}
EDITADO
Una de las personas de la comunidad, me ha ayudado, a dar con parte de la respuesta(la desmarque como aceptada porque no he logrado solucionar un aspecto dentro de la pregunta).Dentro del javascript tambien tengo lo siguiente para validar que un campo no este en blanco:
$("#pnombre").focusout(function(){
if($("#pnombre").val().length<1){
$("#pnombre").addClass("blanco");
$("#msg_pnom").removeClass("hide");
window.document.r_usuarios.pnombre.focus();
window.document.r_usuarios.pnombre.select();
return false;
}
return true;
});
$("#pnombre").keypress(function(){
$("#pnombre").removeClass("blanco");
$("#msg_pnom").addClass("hide");
});
Con esto estoy hago que si se desenfoca el campo #pnombre, si esta vació, se bloquea el formulario y se auto enfoca, si le agrego las lineas con windows.id_form.id_campo y sus atributos, al tratar de validar el campo #rut_usu no me lo autoenfoca, y no se bloquean los campos del formulario. Si ingreso un valor del #rut_usu que esta en la base de datos, y luego clickeo en otro campo, que tiene la validación del windows,id_form etc. se autoenfoca en ese campo aunque si se muestra el mensaje, sin embargo si clickeo fuera del formulario y no en otro campo, si se enfoca #rut_usu. Ejemplo: