Ajaxman » Javier

[Javascript] simpleValidate Jquery Plugin

Ajaxman — Sat, 30 Apr 2011 05:02:40 +0000

Pues les cuento un preámbulo

Una de las cosas que menos me gusta es estar repitiendo código (recordemos -DRY-) entonces, pues cuando deseaba validar un formulario siempre andaba buscando cual opción era la mejor, y hay muchas opciones y son excelentes en lo que hacen, sin embargo todas tenían un punto débil, por ejemplo que no soportaban ajax, es decir terminaban de validar y se seguían (enviaban el formulario), otros me mandaban mensajes de errores de validación en ciertos colores y en cierto lugar que si bien es correcto, a veces en muchos proyectos no va el estilo o simplemente quieren ponerle un alert o similar.

Bajo ese preámbulo y recordando que siempre quise hacer un validado de formularios con Javascript (hace años hice uno chafita con Javascript).

Entonces pensé por que no hacer uno que fuera muy simple de usar y que no fuera obtrusivo, y así fue como desarrolle simpleValidate que es un plugin el cual como su nombre lo dice solo es un validador de formularios y nada mas.

Les presento a:

simpleValidate – Jquery Plugin

A continuación pongo las características.

Fácil de usar
Extremadamente Ligero 2kb (minifed)
Compatible con Jquery 1.5.2
No requiere CSS especial
No obtrusivo
Posibilidad de inyectar algún tipo de alert especial mediante sus settings
Completamente personalizable
Soporta expresiones regulares
Y valida checkboxes

Su uso es muy simple, solo necesitamos de Jquery y del plugin

Y ejecutamos el plugin donde indicamos el id del Formulario en cuestión




 
 
 
 
 
 
 
 
 
 Name
 
 Ingrese una cantidad valida (tipo numero.decimal(2 digitos))
 
 Required

Y con esto ya tenemos funcionando el plugin ahora necesitamos indicarle cuales son los campos a validar lo haremos de la siguiente forma.

En cada input que necesitemos, vamos a agregar lo siguiente en el campo (input) que queramos validar

title=”valid[tipo_de_validacion,{params,}]“

Donde los tipos de validación son los siguientes:

valid[required,mensaje de error] ==> Solo verifica que el campo tenga algún valor y el segundo parametro es lo que mostrara cuando no pase la validación
valid[email,mensaje de error] => Valida que sea un email valido y si no muestra el mensaje del segundo parametro.
valid[zip,mensaje de error] => Valida que sea un código postal valido (5 caracteres numéricos) y si no muestra el mensaje del segundo parámetro.
valid[minlength,mensaje de error,numero_minimo] => Valida que el campo contenga un mínimo de caracteres indicado el el ultimo parámetro
valid[maxlength,mensaje de error,numero_maximo] => Valida que el campo contenga un máximo de caracteres indicado el el ultimo parámetro
valid[regex,mensaje de error] => Este forma de validación necesita un parámetro data dentro del input donde venga especificada la expresión regular a validar y si no pasa lanza el error.
valid[ensaje de error] =>Este solo es aplicable a los checkboxes y solo contiene como argumento el error que mostrara cuando el checkbox no este marcado

Los valores que se pueden personalizar dentro del plugin son los siguientes.


 $(document).ready(function(){

   $("#testForm").simpleValidate({
     text: Array("El campo"," es obligatorio"),
     email: "Ingrese un email valido",
     zip: "Ingrese un codigo postal valido",
     min: Array(5,"Ingrese al menos ", "caracteres"),
     max: Array(10,"Ingrese maximo", "caracteres"),
     checkmessage:'Es necesario marcar el campo',
     field: 'valid',
     msg: function(msg){
      alert(msg);
     }
   });

 });

Donde

text: Es un array que contiene dos textos que mostrara en el error cuando un campo sea required de la forma (texto1+ nombre_campo+texto2)
email: Es el error que mostrara cuando un email este invalido
zip: Error cuando el codigo postal este mal
min: array en donde viene el error a mostrar y el numero de elementos a validar por default
max: array en donde viene el error a mostrar y el numero de elementos a validar por default
checkmessage: Este es el mensaje que mostrara cuando se genere un error al no estar validado un checkbox
field: es la clave para validar los campos, es decir cuando buscamos title=”valid[etc]” valid es el contenido del title del campo si le ponemos otro, podemos usar dentro de title lo que le hayamos puesto en esta opcion evitando asi posibles colisiones de palabras que esten usando otros plugins.
msg: esta es una funcion, en donde solo estamos mandando un alert para mostrar el error, sin embargo si posees algun otro plugin como Sexyalertbox o similar puedes meterlos dentro de esta funcion asi cuando se lanza el error mostrara el cuadro de dialogo de la forma como deses (por ejemplo dentro de un Sexyalertbox).

Es importante recalcar que estos parámetros son cambiados por los mensajes establecidos dentro del propio input, así que casi nunca se cambian estos valores.

Además el plugin recibe un parámetro mas el cual es una función anónima (según yo seria un closoure ), la cual se ejecutara cuando termine la validación, es decir si al terminar tu validación deseas que en vez de enviar el formulario normalmente, lo envié por XMLHttpRequest(aka Ajax), esta función al estar agregada hace que tu tomes la decisión de que hacer una vez terminada la validación y pasada obviamente.

Ejemplo complejo, usando JAlert para mostrar los errores (http://www.anieto2k.com/2008/12/31/jquery-alert-dialogs-reemplazo-para-alert-prompt-y-confirm/)


 $(document).ready(function(){

   $("#testForm").simpleValidate(
     {
       msg: function(msg){
         jAlert(msg, 'Alert Dialog');
          }
     },
     function (){
       $.post('/account/',
              $(this).serialize(),
              function( Response ){
                 jAlert("Sus datos se han enviado via Ajax");
              });
     }
   );

 });

El ejemplo anterior, hace una validación pero los mensaje de error los muestra de una forma diferente usando otro plugin (JAlert en este caso) además de eso al terminar la validación envía todos los datos del formulario por post usando ajax y cuando recibe respuesta manda un alert.

Como vemos es muy fácil, poderoso y practico de usar.

No se si me explique bien pero estar posteando por la noche da bastante sueño, ojala y les haya gustado mi plugin y sobre todo ojala y les sea útil.

Para bajarlo y ver las actualizaciones aquí dejo la información:

simpleValidate Version 1.6 Beta

GitHub: https://github.com/Ajaxman/simpleValidate (Fork-ME =) )
Plugins Jquery: http://plugins.jquery.com/project/simpleValidate

Cualquier felicitación, duda, comentario, sugerencia, correción , Donación =), con gusto estoy para atenderla, la licencia es GPL =)

Hasta el próximo post

[Personal] Mi hijo cumple 1 año

Ajaxman — Tue, 27 Jul 2010 16:58:46 +0000

Pues como han podido observar, ya no posteo muy frecuente, como les dije pues no tengo compu y pues se complica, aunque esta en planes muy proximos, quiza en menos de 2 meses

Pero bueno el punto es que esto si es algo importante que queria comentarles hoy:

Mi hijo Angel Javier cumple 1 año.

Y puedo decirles que ha sido el año mas maravilloso de mi vida, y si bien hay mas responsabilidades, estas son nada comparado con la felicidad que me da ser papa.

Otra vez Felicito mucho a mi hijo, es su primer año y tratare de que se la pase muy bien aunque sea hasta que llege del trabajo.

[Ajaxman] Hoy el blog cumple 3 Años

Ajaxman — Tue, 22 Jun 2010 17:36:43 +0000

Bueno ya sé que se me paso un par de días, pero lo importante es recordarlo.

Hace 3 años (con 2 días ja) Nació este humilde blog, y si bien lo he descuidado bastante les pido su compresión, ya que no tengo PC, en la casa y se me hace difícil postear, y en los meses anteriores estuve ocupado programando Anunce.com.

El blog nació con la idea de escribir muchos artículos sobre ajax y Javascript básicamente, sin embargo ha tomado otros rumbos, mas hacia Php, y hasta aviación, tal vez no sea del gusto de todos, pero, ¿para eso es un blog no?, para poner lo que uno quiera.

Y como últimamente lo he dicho tengo un buen de cosas sobre las cuales quisiera postear, GoogleMaps, KohanaPHP, Orm, POO, PHP5, Etc, pero no me alcanza el tiempo.

La compra de una nueva PC esta programada para en 2 meses, y pues créanme que quiero seguir posteando y aprovechare cualquier momento para irme a un ciber y pues postear algo.

Por cierto estoy pensando regalar algo por el cumple pero no se que, veamos si recibimos algunos buenos comentarios veamos que podemos regalar, se me ocurre un servicio de hosting o algo así, así que comenten, y el requisito más importante, entren a anunce.com y pruébenlo, pronto les diré la dinámica.

Una cosa más tengo más proyectos en mente, y Anunce.com solo es para usuarios de México, prometo pronto lanzar una versión para algún país que nos visite mucho.

Sobre los ingresos son pocos, pero sirven de algo, para le hosting y una que otra playera.

Algo que debo de hacer mención especial en este post es:

Agradecer a mi Esposa (Suly) y a mi Hijo (Ángel Javier) que son ellos los que me inspiran a ser mejor y a buscar formas de progresar (Además de aguantarme cuando estoy frente al PC) ya que durante este tiempo de casados y más con mi bebe (ya tiene 10 meses) han sido increíbles, la verdad ser padre es indescriptible lo que se siente cuando dice papa, o cuando se ríe, en fin estoy muy feliz y pues por ellos pronto lanzare mas proyectos.

Saludos y vamos por muchos años mas
PD: EL premio es en serio solo déjenme definir lo detalles

[Presentación] Anunce.com Anuncios clasificados

Ajaxman — Tue, 15 Jun 2010 17:32:06 +0000

Pues bien como vieron, hace mucho (2 meses) que no he posteado nada, y es porque andaba bastante ocupado programando.
Y bien aunque oficialmente lo lanzamos el sábado anterior, el día de hoy les presento.

Anunce - Anuncios Clasificados en internet

Anunce.com intenta ser un portal minimalista de anuncios clasificados, gratuito, si bien sabemos que es un mercado difícil por la gran cantidad de competencia y muy buena por cierto.
Nuestra idea es facilitar la búsqueda y la publicación de anuncios,
Características propias:

Es completamente gratis y sin letras chiquitas, publica un anuncio y veras que es gratis.
Todos sus anuncios son editables excepto, la categoría y subcategoria (por que no es común que si vendes un coche lo anuncies en empleo ).
Aceptamos un máximo de 8 fotografías de 5 MB (también se pueden editar).
Puedes poner un mapa de tu ubicación el cual es útil si tienes un Hotel, un restaurante o vendes una casa.
Puedes personalizar tu anuncio al máximo ya que incluimos cosas que nadie ofrece, como:
- Puedes especificar cada dato, si costo.
- Las fotografías se pueden borrar, intercambiar y agregar
- incluso el link de tu anuncio, lo puedes especificar.
El portal intenta ser lo más minimalista y simple posible, aunque no por ello significa que carezca de características.
Tenemso las categorias y subcategorias mas comues, y dependiendo del uso y la demanda es probablem que surgan pequeñas modificaciones.
La pagina (home), cumple con los estandares W3C.

Y pues como podrán darse cuenta, el portal está en fase beta (XD) mientras se busca optimizar más su rendimiento y arreglar los errores que vayan surgiendo.

En cuestión técnica, bueno pues me había hecho la ilusión de hacerlo en Django y Python, pero es algo complicado porque no se mucho de python, de hecho apenas estoy estudiando django , entonces decidí hacerlo con PHP,esta escrito utilizando el potente framework llamado Kohana en su version 3, y la verdad estoy encantado con el mismo, de hecho estaba haciendo una serie de tutoriales para el blog (espero continuar con ellos) pero se quedaron parados por lo mismo del proyecto.

Ojala y les guste espero comentarios sobre el mismo y nuevamente una disculpa por dejarlos abandonados.

Recuerden es una startup propia, que espero que crezca, dia con dia

Y pues registrense, usenlo y diganme que tal les parecio, tambine les aviso que le ire agregando mejoras poco a poco, haciendomas profesional.

Visita | Anunce Portal de Anuncios clasificados en Internet

[Aviación] Pasion por Volar

Ajaxman — Thu, 06 May 2010 16:02:37 +0000

El otro día me encontré un esta interesante pagina, que se llama pasión por volar.

La verdad no la conocía, no se si tenga mucho tiempo online o no, pero la verdad es muy interesante, también tiene un blog.

Imagen: tomada de http://www.flickr.com/photos/29423939@N04/4293641122 ’airbus a380 ÀgenÀ¨ve cointrin – 2010′ licencia Creative Commons

Busque si los artículos tenia licencia CC (Creative Commons), pero no encontré, es que como encontré un articulo muy chido, me gusto demasiado, voy a poner un extracto de el y ya si gustan leerlo pues, pueden leerlo completo en dicha pagina.

Mientras lo leía no puedo negarles que me sentí muy emocionado mas con estas frases.

Al sentarse en la cabina, el verdadero piloto no ata su cuerpo al cuerpo del avión, todo lo contrario, a través del arnés, él amarra el avión a sus espaldas, a su completa anatomía. Los controles de la aeronave pasan a ser una extensión de su persona….

O esta.

Distinguir una persona que ha perdido su alma a la aviación es fácil: en una muchedumbre, cuando un avión pasa, su mirada se tornará inmediatamente al firmamento buscándolo, y no descansará hasta hacer contacto visual con el objeto de su distracción; no importa cuantas veces haya visto el mismo avión, es preciso verlo. -Es algo inconsciente y se origina espontáneamente

Cuando lo lei dije hay ese soy yo.

Bueno aquí les dejo una parte y la demás pues ya saben y neta que les recomiendo mucho dicha pagina.

Existen dos variedades de pilotos de avión, aquellos que llevan en su sangre la necesidad de volar por la misma razón que necesitan, dormir, comer o respirar, y aquellos que lo hacen simplemente por tarea, por obligación o porque no tienen otra alternativa. Los últimos, usualmente llegan a la profesión por casualidad, u otra forma no planeada.

Los primeros, frecuentemente tienen la inquietud desde la niñez cuando veían en los aviones algo notable, místico, sublime quizás. Muchos de estos empezaron de pequeños a construir modelos de aeroplanos o acumulando fotos, pósters o cualquier otra colección con motivos aéreos.

Conocían las especificaciones y datos de cualquier avión con lujo de detalles. Cuando crecen y tienen la fortuna de realizar su sueño de niñez, disfrutan enormemente su trabajo, se sienten (y son) los hombres más afortunados del planeta.
“Los Pilotos son una clase aparte de humanos, ellos abandonan todo lo mundano para purificar su espíritu en el cielo, y únicamente retornan a la tierra después de recibir la comunión de lo infinito.”
José María Velasco Ibarra, Ex Presidente de Ecuador

Este grupo conoce la diferencia entre volar para subsistir y subsistir para volar. La aviación les enseña orgullo como también humildad y, a pesar de que volar es un hechizo, ellos caen voluntariamente víctimas de su maleficio. -Cuando en tierra y durante días soleados, observan continuamente el firmamento añorando estar allí. Durante días lluviosos y nublados, recrean los procedimientos de vuelo en sus mentes. -El piloto sabe que el mejor simulador de vuelo está en él mismo, en su imaginación, en su actitud; porque la mente del piloto está siempre accesible a elementos nuevos y comprende que para volar necesita creer en lo desconocido.

No obstante, pilotos son hombres lógicos, disciplinados, que por necesidad precisan de pensar claramente, de otra manera se arriesgan a perder violentamente la vida.

Al sentarse en la cabina, el verdadero piloto no ata su cuerpo al cuerpo del avión, todo lo contrario, a través del arnés, él amarra el avión a sus espaldas, a su completa anatomía. Los controles de la aeronave pasan a ser una extensión de su persona. Esta simple acción une al hombre y al aparato en la simetría de una sola entidad, en una mezcla única e indescifrable. Cada vibración, cada sonido, cada olor tiene sentido, y el piloto los interpreta apropiadamente. -No hay duda de que el motor es el corazón del avión, pero el piloto es el alma que lo gobierna.-

Pilotos no ven a sus objetos de afección como máquinas, todo lo contrario, son formas vivientes que respiran, y poseen diferentes personalidades. En momentos dialogan y hasta riñen con ellos. – Estos seducidos mortales perciben a los aviones con dotes de belleza incondicional. Porque nada estimula más los sentidos de un aviador que la forma exquisita de una aeronave. No lo pueden evitar, están infectados por el sortilegio y vivirán el resto de sus vidas cautivadas por el embrujo de su belleza……..

Para leerlo completo:

Ser piloto es tener pasión por volar
Y claro su pagina:

Pasión por volar

[Ajaxman] Arrancando motores….

Ajaxman — Sun, 07 Feb 2010 03:03:35 +0000

Pues si aqui estoy yo de nuevo.

Tengo muchas cosas que contarles (y perdon de nuevo por tenerlos tan abandonados) asi que aquí vamos.

Mi hijo Ángel Javier ya tiene 6 meses y estos meses han sido increíbles, ser papá es una maravilla.
Estoy trabajando muy duro por ello se me ha complicado postear un poco y hemos ya liberado un proyecto muy grande el cual ha resultado ser de maravilla, voy a organizar mi tiempo para que pueda postear mas de 4 posts al mes.
El principal motivo de mi ausencia de post ha sido mi falta de tiempo, por un lado casi no ha habido tiempo pero lo principal, ha sido que mi pc estaba muerta, la limpie para que jalara mejor y valio queso(se descompuso), pense que había sido el Disco Duro, compre uno nuevo (500 GB )y funciono solo un rato, al termino de un par de dias lo mismo, pantalla azul, total que la deje apagada y pense en mejor ahorrar para comprar otra pero la situación no esta tan fácil, entonces mejor me puse hoy a revisarla y que creen(al parecer era una memoria RAM tenia 2 GB), pues como ven, la pc ya esta funcionando, esperemos que siga asi por varios meses, quedo con 1 GB pero con Windows 7 Ultimate, y jala bastante bien si ya se que no le he instalado Linux pero solo la estoy probando si sigue funcionando tan bien, mañana ya tendrá su Debian GNU/Linux.
Estoy aprendiendo a ser mejor programador en PHP, ya aplico POO lo mas que puedo y también sus características, como herencia, polimorfismo y abstracción entre otras y trabajo usando el patrón de diseño MVC con el framework CodeIgniter el cual es muy bueno.
Estoy estudiando para certificarme en PHP 5, y si todo va bien espero hacer el examen en máximo 2 meses, el cual por cierto esta en ingles, idioma al cual también estoy tratando de entenderle aunque no se me da mucho.
También ahora si estoy aprendiendo Python, y ahora si le estoy entendiendo, la verdad me ha maravillado lo poco que he aprendido siento que es un gran lenguaje con mucho futuro, y después pues seguiría con el framework Django y pues hasta con Ruby y Ruby on Rails.
Y bueno creo que es todo

Asi que como ven he hecho muchas cosas pero no por ello pienso olvidar este blog al contrario y creame mientras siga funcionado tan bien esta pc, pues seguire posteando.

Saludos y gracias por seguirme leyendo

Recuerden mi twitter para saber todo lo que ando haciendo aqui

twitter.com/Ajaxman

[Ajaxman] #apt-get Upgrade –Ajaxman.net

Ajaxman — Sat, 26 Sep 2009 05:40:00 +0000

Como se habrán dado cuenta este blog ha estado bastante inactivo. ya que por x o por y razón no he sido constante con el, pero les tengo una buena noticia.

Este blog va a estar otra vez activo, ya se que dirán que eso lo digo seguido y nada mas no lo hago.

[Actualizado]: se me olvidaba pueden seguir el estado de la actualización del blog y también mis mensajes en http://twitter.com/ajaxman

Pero esta vez va mas allá, estos son los cambios que vendrán.

Nuevo tema para el blog, vi uno que me gusto mucho y ese lo voy a poner.
Reinstalar WordPress, si tal como lo leen, voy a reinstalar wordpress para corregir algunos errores(bugs)
Arreglar los RSS, ya que no funciona bien.
Muy probablemente cambie de hosting, ya que necesito poder manipular mi .htaccess y en donde estoy no tengo htaccess y los cambios de el se hacen directamente en el server.
Que todos los posts se vean bien ya que hay algunos que no se ve el código y en otros no se vean algunas imágenes.
Y claro contestar todos los comentarios.
Corregir la búsqueda
Añadir mi Twiiter en donde ya tengo mas de 30 seguidores
Tambien entre los pendientes esta comprar otra pc(con i7), pero esa la podemos omitir de momento.

Entre otras cosas, si bien no poseo mucho tiempo, este blog pienso seguirlo manteniendo activo y revivirlo ya que el mas de medio millón de visitas que he recibido, bien los vale.

Muchas gracias a todos los que de vez en cuando visitan este blog, muy pronto veran lo que les acabe de decir, para empezar ya tengo el tema que voy a instalar, y voy a ver lo del hosting para empezar con los cambios.

Javier López López

Developer Web and Administrator Ajaxman.net