El estilo de la validación se puede cambiar modificando estos parámetros:
style: son los estilos que se aplicarán a los mensajes de validación, estos estilos se insertan en línea, se debe colocar “display:none” para que se ejecute la animación FadeIn.
template: Es la plantilla html con la que se insertarán los mensajes de validación,
la clase dj-validator-msg
debe conservarse para identificar y borrar los mensajes de validación,
en la marca "$style” se inserta el valor de la propiedad “style” y en la marca $msg se inserta el mensaje de validación, ambas deben conservarse.
decorate: Cambia el borde de los campos no válidos según el parámetro border_color, puede ser true (por defecto) o false.
border_color: Color de borde para los campos cuando el parámetro decorate es true, puede ser un valor de color estándar de html.
//Se muestran los valores por defecto:
$(“#my-form”).djValidator({
style:'display:none; color:red; text-align:inherit; font:italic bold .9em sans-serif',
template:'<p class="dj-validator-msg" style="$style">$msg</p>'
decorate: true,
border_color: 'red'
});
Use el atributo data-dj-validator-msg
en cualquier campo
para cambiar el mensaje de validación por defecto por uno propio:
<input name="user" required data-dj-validator-msg="Please fill the user!">
Use la función global $.fn.djValidator.setLabels
para modificar los mensajes que quiera o realizar una traducción a otro idioma:
$.fn.djValidator.setLabels({
required:'Campo requerido.',
word_min:'Por lo menos $1 caracteres sin espacios.',
word_between:'Entre $1 y $2 caracteres sin espacios.',
atext_min:'Por lo menos $1 caracteres alfabéticos.',
......
});
En las marcas $1, $2, etc. el plugin inserta los respectivos parámetros que usa su validador (Consulte el archivo de traducción a español para un ejemplo más completo)
Vea la tabla de etiquetas para conocerlas todas.
Use la variable global $.fn.djValidator.props
, para cambiar los valores por defecto del plugin:
$.fn.djValidator.props={
mode: 'submit',//submit function clean blur
blur: true,
decorate: true,
border_color: 'red',
style:'display:none; color:red; text-align:inherit; font:italic bold .9em sans-serif',
template:'<p class="dj-validator-msg" style="$style">$msg</p>',
request_method: 'post',
success: function($form){return true;}
};
Vea la tabla de opciones del plugin para conocerlas todas.