Estoy usando el plugin FormValidation y AJAX y tengo un input que quiero validar cada vez que el usuario vaya escribiendo. La validación chequea que no se encuentre en la base de datos, pero el sistema se ralentiza.
Noté que lo que ocasiona que sea lento es: async: false, lo uso para que AJAX me devuelva un boolean. Si yo elimino async: false funciona sin relentizar pero no me devuelve el boolean correcto.
Acá el código de ajax:
function comprobacion(valor){
var exists = false;
$.ajax({
type: 'post',
url: 'cargos/comprobacion',
async: false,
data: {
'valor': valor
},
success: function(data) {
console.log(data);
if(data){
exists = true;
}else{
exists = false;
}
}
});
return exists;
}
Y acá el código de la validación:
if(comprobacion(value)){
return {
valid: false, //si encontro un registro en la BD
message: 'El Cargo ya esta registrado'
}
}else{
return {
valid: true, //sino encontro nada
message: 'Correcto'
}
}
Además del ralentizarme la web, me manda la siguiente advertencia (en la consola):
Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.
¿Por qué al validar usando un plugin y AJAX me relentiza la el sistema y me envía una advertencia que no había visto? ¿Qué puedo hacer para solucionar el problema?
