Jxs Beta

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.

Ejemplos de uso:

Tenemos El siguiente fomulario

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

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.

Estos son ejemplos a grendes rasgos poco a poco les informare sobre mejoras y adelantos de la libreria.

Ejemplo completo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>
  
<script language="JavaScript" src="JXSMin.JS"></script>
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
_DL(function(){
Jxs._D("usuario","A","97,98",false,8);
Jxs._T("email",30);
});

function validar(form)
{
form=eval("document."+form); 
if(Jxs._V("txt","usuario","Por favor ingrese una texto valido",5)==false)
{

}
else if(Jxs._V("mail","email","Por favor ingrese una texto valido")==false)
{

}
else
{
form.submit();
}

}

_DL(function(){
Jxs._T("codigo",50);
});

/*]]>*/
</script>
</head>
<body>
<form name="ejemplo" action="JXS_USO.php" metod="get">
codigox
<input name="correo" type="text" id="codigo"  value="s"/><br />
usuario
<input name="usuario" type="text" id="usuario"/><br />
Email
<input name="usuario" type="text" id="email"/><br />
<input  type="button" onclick="validar('ejemplo');" value="Aceptar!"/>  
</form>
</body>
</html>

Descarga de la libreria

Libreria JXS.
Libreria JXS.

Libreria JXS en formato zip con documentacion

Los comentarios estan deshabilitados por: Ajaxman Lunes, 03 Sep 2007 a las 12:12 am Pertenece a : General Comparte