Les presento Jxs Validador.
Un validador de formularios escito en Javascript, que no requiere de ninguna libreria, extremadamente compacto, la version con comentarios solo pesa 6kb, y la compresa pesa 4kb.
La libreria cuenta con las siguientes herramientas.
- Modifcador de tamaño de campos
- Validador de e-mail
- Validador de campos requeridos
- Validador de longitud de campos
- Manipulador de eventos para no permitir escribir ciertas teclas
- Nodificador de tamaño maximo de un campo permitido
- Modificacion para instanciar ajax de manera nativa
Entre otros usos.
Su desarrollo aun esta algo simple pero proximamente saldra la version 0.5 que tendra muchas mejoras y por cierto mejor implementacion sobre ajax.
Tenemos El siguiente fomulario
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Agregaremos la libreria
y hacemos uso de ella. de la siguiente forma
/* Funcion que inicia una vez cargado el dom , se manda adentro la funciones que uno desees
_DL(function(){
});
*/
_DL(function(){
Jxs._D(“usuario”,”A”,”97,98″,false,8);
Jxs._T(“email”,30);
/* funcion detener
Detiene ciertos eventos del teclado y a la vez modifica el tamaño de lo elementos (input-text)
Jxs.D(“ID”,”Tipo”,”Datos”,”Permitir no no permitir”,["Numero maximo de caracteres que permitira"])
ID=id
Tipo =
R=rango
A=Array
U=unico
Datos= Los datos dependeran de lo que se va a validar son caracteres asccii
“a,c,d,r,t” Serian los datos que se van a validar, en este caso de un array.
“a,d” datos de un rango a validar, en este caso de un rango desde un caracter hasta otro, el orden del rango depende del codigo ascii.
“x” un unico caracter.
“Permitir o no permitir” = toma valores true o false, dependiendo de lo que queramos hacer
si los caracteres que pusimos en el array son los unicos que se pemitiran, el valor es true
en cambio si se pemitiran todos los caracteres excepto lso de los datos, seria false
ejemplo
el ultimo parametro es opcional con el cual el idicamos si queremos establecer un tamaño predeterminado del campo.
si no lo ponemos, no importa
Ejemplos
Sin tamaño
Jxs._D(“usuario”,”A”,”91,92,93,94″,false);
Con tamaño
Jxs._D(“usuario”,”A”,”10,55,64,97″,false,8);
funcion tamaño
nos permite modificar el tamaño de un campo dependiendo de su ID y el tamaño especificado
Jxs._T(“ID”,tam);
Jxs._T(“email”,30);*/
});
Si aparte de esto deseamos validar algun campo que este correcto hacemos uso de las siguientes funciones
Jxs._V(“mail”,”email”,”Por favor ingrese una texto valido”);
Jxs._V(“txt”,”usuario”,”Por favor ingrese una texto valido”,5);
/*
Donde
Jxs._V(“tipo de comprobacion”,”IDl”,”Mensaje de error”,[opcional minimo permitido]);
Ejemplo
Jxs._V(“txt”,”usuario”,”Por favor ingrese una texto valido”,5);
Valores de tipo de comprobacion son txt(solo comprueba si el campo esta lleno completado(texto))
y mail valida un campo de e-mail.
Si el campo esta incorrecto devolvera false en caso contrario devolvera true
*/
Ajax como metodo nativo para usar el nucleo de ajax simplemente hagan esta peticion, sin importar si es internet Explorer o Mozilla, o algun otro.
var ajax=new XMLHttpRequest();
Estos son ejemplos a grendes rasgos poco a poco les informare sobre mejoras y adelantos de la libreria.
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">