Si estas usando la potente herramienta jquery.validationEngine te habras dado cuenta que se puede validar en forma online, usernames, emails, y cualquier otro campo para verificar su existencia o no en la base de datos.
Es muy simple, solo debes configurarlo correctamente.
en el header de tu pagina deberias tener, el plugin y su archivo de mensajes en el idioma que prefieras, inglés o español por ejemplo:
...
...
Luego en una pagina podriamos tener el siguiente campo de HTML ::
La callback debe estar definida en el archivo de idioma ../js/languages/jquery.validationEngine-es.js
miremos como se configura:
(function($){
$.fn.validationEngineLanguage = function(){
};
$.validationEngineLanguage = {
newLang: function(){
$.validationEngineLanguage.allRules = {
"required": { // Add your regex rules here, you can take telephone as an example
"regex": "none",
"alertText": "* Este campo es requerido",
"alertTextCheckboxMultiple": "* Por favor selecciona una opción",
"alertTextCheckboxe": "* Este checkbox está requerido"
},
"minSize": {
"regex": "none",
"alertText": "* Mínimo de ",
"alertText2": " caracteres requerido"
},
"groupRequired": {
"regex": "none",
"alertText": "* You must fill one of the following fields"
},
"maxSize": {
"regex": "none",
"alertText": "* Máximo de ",
"alertText2": " caracteres requerido"
},
"min": {
"regex": "none",
"alertText": "* Valor mínimo es "
},
"max": {
"regex": "none",
"alertText": "* Valor máximo es "
},
"past": {
"regex": "none",
"alertText": "* Fecha anterior a "
},
"future": {
"regex": "none",
"alertText": "* Fecha posterior a "
},
"maxCheckbox": {
"regex": "none",
"alertText": "* Se ha excedido el número de opciones permitidas"
},
"minCheckbox": {
"regex": "none",
"alertText": "* Por favor seleccione ",
"alertText2": " opciones"
},
"equals": {
"regex": "none",
"alertText": "* Los campos no coinciden"
},
"phone": {
// credit: jquery.h5validate.js / orefalo
"regex": /^([\+][0-9]{1,3}[ \.\-])?([\(]{1}[0-9]{2,6}[\)])?([0-9 \.\-\/]{3,20})((x|ext|extension)[ ]?[0-9]{1,4})?$/,
"alertText": "* Número de teléfono inválido"
},
"email": {
// Shamelessly lifted from Scott Gonzalez via the Bassistance Validation plugin http://projects.scottsplayground.com/email_address_validation/
"regex": /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i,
"alertText": "* Correo inválido"
},
"integer": {
"regex": /^[\-\+]?\d+$/,
"alertText": "* No es un valor entero válido"
},
"number": {
// Number, including positive, negative, and floating decimal. credit: orefalo
"regex": /^[\-\+]?(([0-9]+)([\.,]([0-9]+))?|([\.,]([0-9]+))?)$/,
"alertText": "* No es un valor decimal válido"
},
"date": {
"regex": /^\d{4}[\/\-](0?[1-9]|1[012])[\/\-](0?[1-9]|[12][0-9]|3[01])$/,
"alertText": "* Fecha inválida, por favor utilize el formato AAAA-MM-DD"
},
"ipv4": {
"regex": /^((([01]?[0-9]{1,2})|(2[0-4][0-9])|(25[0-5]))[.]){3}(([0-1]?[0-9]{1,2})|(2[0-4][0-9])|(25[0-5]))$/,
"alertText": "* Direccion IP inválida"
},
"url": {
"regex": /^(https?|ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i,
"alertText": "* URL Inválida"
},
"onlyNumberSp": {
"regex": /^[0-9\ ]+$/,
"alertText": "* Sólo números"
},
"onlyLetterSp": {
"regex": /^[a-zA-Z\ \']+$/,
"alertText": "* Sólo letras"
},
"onlyLetterNumber": {
"regex": /^[0-9a-zA-Z]+$/,
"alertText": "* No se permiten caracteres especiales"
},
/* CUSTOM RULES -- son las reglas aplicadas o definidas por el usuario */
/** added by diego dicamillo **/
"ajaxValidarURL": {
// es el PHP que atiende la llamada ajax, y retorna un valor en json
"url": "checkURL.php",
"alertTextOk": "* Esta URL está disponible",
"alertText": "* Esta URL ya se encuentra registrada.",
"alertTextLoad": "* Validando, por favor espere..."
}
};
}
};
$.validationEngineLanguage.newLang();
})(jQuery);
Ahora veamos un ejemplo de archivo PHP que atiende la llamada de verificacion de URL disponible. Debe retornar en formato json el id del campo y su valor true o false si está disponible o no.
Este archivo debe ser colocado en la ubicacion especificada como "url" si no se pone path (o sea solo el nombre del archivo) lo buscará en el public_html.
query("SELECT count(*) as resultados FROM alojamientos WHERE web = '$web' ");
$rr = $db->fetch_assoc($result);
if($rr['resultados']>0)
echo json_encode(array("web",false));
else
echo json_encode(array("web",true));
?>
Listo! ahora cuando escribamos una url en el campo id="web" validará que sea una URL correcta y que al salir el campo tenga algo y verificará contra la base de datos su existencia o no.
Estimado
No tengo idea como poner la ruta en la url:
Estoy trabajando de manera local con appserv.. y por mas que hago pruebas el mensaje se queda en «validando, por favor espere» Creo que es porque no esta llegando a la URL de php…. como hago para que funcione?
Por favor, verificá bien el POST donde dice:
/* CUSTOM RULES — son las reglas aplicadas o definidas por el usuario */
/** added by diego dicamillo **/
«ajaxValidarURL»: {
// es el PHP que atiende la llamada ajax, y retorna un valor en json
«url»: «checkURL.php»,
«alertTextOk»: «* Esta URL está disponible»,
«alertText»: «* Esta URL ya se encuentra registrada.»,
«alertTextLoad»: «* Validando, por favor espere…»
}
checkURL.php es el PHP que atiende la llamada…. deberias usar FIREBUG o CONSOLA JAVASCRIPT para ver el comportamiento de la llamada, para ver si se ejecuta bien o no.
podrias usar: «/path/a/mi/php/checkURL.php» especificando el path completo al php …..