El plugin cuenta con las siguientes reglas de validación incorpordas, que deben usarse dentro del atributo data-dj-validator:
Se usa el atributo “required” de HTML5 para verificar que el campo no este vacío ni contenga solo espacios:
<input type="text" required=”required”/>
VALIDACIÓN |
CLAVE |
PARÁMETROS |
DESCRIPCIÓN |
EJEMPLOS |
Cualquier texto |
text,[min],[max] |
min: mínimo de caracteres permitidos. |
Acepta cualquier carácter, validando solo la longitud del texto. El tamaño máximo se puede omitir (*). |
|
Texto alfabético |
atext,[min],[max] |
min: mínimo de caracteres permitidos. |
Acepta caracteres alfabéticos en mayúsculas y minúsculas, incluyendo espacios, la letra ñ y los caracteres acentuados (á, é, í, ó, ú, ç, ü), validando también la longitud del texto. El tamaño máximo se puede omitir (*). |
data-dj-validator="atext,3,12" |
Texto alfabético y dígitos |
antext,[min],[max] |
min: mínimo de caracteres permitidos. |
Acepta dígitos y caracteres alfabéticos en mayúsculas y minúsculas, incluyendo espacios, la letra ñ y los caracteres acentuados (á, é, í, ó, ú, ç, ü), validando también la longitud del texto. El tamaño máximo se puede omitir (*). |
data-dj-validator="antext,3,12" |
Palabra (texto sin espacios) |
word,[min],[max] |
min: mínimo de caracteres permitidos. |
Acepta cualquier carácter exceptuando los espacios, validando también la longitud del texto. El tamaño máximo se puede omitir (*). |
data-dj-validator="word,4,8" |
Solo dígitos |
dig,[min],[max] |
min: mínimo de dígitos permitidos. |
Acepta un texto de solo dígitos, validando la longitud de la cadena de dígitos. El tamaño máximo se puede omitir (*). |
data-dj-validator="dig,4,8" |
VALIDACIÓN |
CLAVE |
PARÁMETROS |
DESCRIPCIÓN |
EJEMPLOS |
Números enteros |
int,[min],[max] |
min: valor mínimo permitido. |
Acepta solo números enteros positivos o negativos (acepta el signo -), validando también el valor del número entero. El valor máximo y/o mínimo del número se pueden omitir (*). |
data-dj-validator="int,1,*" |
Números reales |
num,[min],[max] |
min: valor mínimo permitido. |
Acepta cualquier tipo de número real, usando el punto (.) como separador decimal, acepta el signo -, validando también el valor del número. El valor máximo y/o mínimo se pueden omitir (*). |
data-dj-validator="num,1,*" |
VALIDACIÓN |
CLAVE |
PARÁMETROS |
DESCRIPCIÓN |
EJEMPLOS |
Dirección de correo electrónico |
email,[max] |
max: máximo de caracteres permitidos. |
Acepta direcciones de correo electrónico validas de cualquier nivel de dominio, validando también la cantidad máxima de caracteres de forma opcional (*). |
data-dj-validator="email,30" |
Dirección web (url) |
url,[max] |
max: máximo de caracteres permitidos. |
Acepta URLs de los protocolos HTTP, HTTPS, FTP y FTPS, validando también la cantidad máxima de caracteres de forma opcional (*). |
data-dj-validator="url,50" |
Número telefónico |
phone |
NINGUNO |
Acepta números telefónicos, bajo los siguientes formatos: |
data-dj-validator="phone" |
Dirección IP |
Ip,[type] |
type(opcional): ipv4 o ipv6 |
Acepta direcciones IP que pueden ser v4 o v6 dependiendo del parámetro especificado, si no se especifica verifica ambas. |
data-dj-validator="ip" |
VALIDACIÓN |
CLAVE |
PARÁMETROS |
DESCRIPCIÓN |
EJEMPLOS |
Validar archivos |
file,[min],[max],[min_size],[max_size],[type1|type2..] |
min: cantidad mínima de archivos a seleccionar. |
Valida archivos en base al API file de javascript (si no está disponible no se realiza la validación), estableciendo el mínimo y máximo de archivos seleccionados donde el máximo se puede omitir (*), el tamaño máximo y mínimo en kb. De cada archivo donde ambos se pueden omitir (*) y finalmente valida el tipo de archivo siguiendo los tipos mime especificados como array (se requiere al menos uno). |
data-dj-validator="file,2,4,10,100, |
Validar extensiones de archivos |
efile,[e1|e2|e3..] |
e1|e2|e3..: Extensiones de archivo permitidas |
Valida solamente la extensión del archivo seleccionado dentro de la lista de extensiones permitidas (se requiere al menos una), se puede usar de manera más sencilla y cuando no se disponga el API file de javascript. |
data-dj-validator="efile,jpg|jpeg|png|bmp" |
VALIDACIÓN |
CLAVE |
PARÁMETROS |
DESCRIPCIÓN |
EJEMPLOS |
Selección múltiple |
multi,[min],[max] |
min: mínimo de opciones seleccionadas. |
Valida la cantidad de opciones seleccionadas de un selector múltiple, el máximo se puede omitir (*). El atributo required es válido para verificar que se haya seleccionado una opción con valor. |
data-dj-validator="multi,2,4" |
Botones de radio |
radio |
NINGUNO |
Valida la selección obligatoria de un botón de radio de un grupo (con el mismo nombre), solo se debe colocar en un radio del grupo (se recomienda en el último) |
data-dj-validator="radio" |
Casillas de verificación |
check,[group],[min],[max],[label] |
group(opcional): Nombre del grupo de casillas (atributo data-dj-validator-group). |
Sin parámetros valida que la casilla este seleccionada (obligatoria). |
data-dj-validator="check" |
VALIDACIÓN |
CLAVE |
PARÁMETROS |
DESCRIPCIÓN |
EJEMPLOS |
Campos iguales |
equal,[id],[label] |
id: id del input a comparar. |
Valida que el valor del campo sea igual al especificado, el [id] debe ser del campo con el que se desea comparar. La etiqueta se usa para nombrar al otro campo. |
data-dj-validator="equal,a,input a" donde “a” es el id del otro campo |
Campos diferentes |
nequal,[id],[label] |
id: id del input a comparar. |
Valida que el valor del campo sea diferente al especificado, el [id] debe ser del campo con el que se desea comparar. La etiqueta se usa para nombrar al otro campo. |
data-dj-validator="nequal,a,input a" donde “a” es el id del otro campo |
Campos opcionales |
or,[group],[label] |
group: Nombre del grupo (campos con el mismo atributo data-dj-validator-group). |
Valida que al menos uno de los campos del grupo no este vacío (grupo obligatorio), el parámetro [label] es el nombre del grupo para mostrar el mensaje. |
data-dj-validator="or,optionals,optional inputs" donde el grupo en cada input es: data-dj-validator-group="optionals" |
VALIDACIÓN |
CLAVE |
PARÁMETROS |
DESCRIPCIÓN |
EJEMPLOS |
Validar una expresión regular |
regexp,[ regular_expresion],[ flags] |
regular_expresion: expresión regular a utilizar. |
Acepta el valor de un campo de acuerdo con la expresión regular especificada y las flags (se especifican por separado), deben estar en forma de cadenas (para usarse con el constructor del objeto RegExp). |
data-dj-validator="regexp,^[aeiou]+$,i" (v1.1.0) |
Llamar una función de validación propia |
call,[function_name] |
function_name: nombre de la función validadora. |
Llama a una función del usuario para realizar la validación, esta función del usuario recibe el campo a validar ($obj) y debe retornar true o false. |
data-dj-validator="call,isUpperCase" donde “isUpperCase” es la función del usuario |