BLOG DE DISEÑO WEB CORUÑA

Un poco de todo, recursos, tutoriales, noticias, anuncios...

Selecciona fecha y hora con DateTime picker para jQuery

Selecciona fecha y hora con DateTime picker para jQuery

25/MAR/2014 59.622 visitas Ver comentarios

Cuántas veces nos encontramos en nuestros proyectos con la necesidad de que el usuario nos indique la fecha y hora en la que realizó o realizará determinada acción... Habitualmente caemos en las 3 opciones que disponemos que son, o bien mostrar distintos selects para seleccionar día, mes y año y un campo de texto extra para la hora; hacer todo por campos de texto o poner un selector de fecha y selects o inputs de texto para la hora.

Pues bien, si bien no es nuevo, esta opción que traigo es mucho más útil que todo lo anterior para seleccionar una sola vez la fecha y la hora y asegurarnos, al mismo tiempo, que el usuario lo hará de la forma correcta en la que necesitamos esos valores.

LEER ENTRADA

Formularios en HTML5 con tooltips y jQuery validate

Formularios en HTML5 con tooltips y jQuery validate

04/NOV/2013 7.918 visitas Ver comentarios

El otro día mi amigo Andrés Karp me recordó de manera amistosa que hacía mucho tiempo que no escribía nada para ADWE, así que como me entró un sentimiento enorme de culpa, he escrito el post más largo que escribí en mi vida...

En él, he preparado un mini tutorial para tunear nuestros formularios, usando métodos propios para la validación con jQuery Validation, mostrar los mensajes de un modo no intrusivo e incluso, incorporarle unos más que útiles tooltips o textos de ayuda.

LEER ENTRADA

Comprobar que una fecha existe usando jQuery Validate

Comprobar que una fecha existe usando jQuery Validate

16/MAY/2013 21.458 visitas Ver comentarios

Siguiendo con mis anteriores post donde hablo de jQuery Validate, esta vez me ha tocado verificar que la fecha ingresada en un campo de texto de mi formulario sea correcta.

Qué quiere decir que una fecha sea correcta... pues que exista. jQuery Validate tiene una opción para validar fechas y otra que llama dateISO, pero según mis pruebas, el primer caso (DATE), sólo verifica que ingreses un número (he probado a poner un 33 y el validador ha pasado de largo)... y el segundo, si bien valida el formato de una fecha (dd-mm-yyyy o yyyy-mm-dd) no verifica que la fecha exista, por lo que si pones 33-33-3333 te deja pasar porque el formato es correcto.

LEER ENTRADA

Validar una cuenta bancaria española con jQuery Validate

Validar una cuenta bancaria española con jQuery Validate

26/MAR/2013 7.602 visitas Ver comentarios

Me ha surgido el problema de tener que validar que un número de cuenta (de un banco español) sea correcto y necesitaba integrar el método con un formulario en HTML que está utilizando jQuery Validate de Bassistance.de.

Como sabrás, este poderoso plugin de validación permite crear métodos propios de validación para agregarlos a los que ya trae por defecto que son campo requerido, número, dirección de email, dígitos, cantidad máxima y mínima de caracteres, número incluido en un rango, etc...

LEER ENTRADA

Pickadate un selector de fechas responsive con jQuery

Pickadate un selector de fechas responsive con jQuery

22/MAR/2013 8.783 visitas Ver comentarios

A menudo debemos hacer formularios web donde le solicitamos al usuario que ingrese una fecha. Hasta aquí no hay problema, pero el tema se complica cuando necesitamos que el usuario nos marque una determinada fecha, en un formato específico, o cualquier variante que se nos pueda presentar.

Lo normal sería, si estás usando el framework de jQuery UI, usar su datepicker, pero si no lo estás usando, cargar todos los js, css e imágenes se hace un tanto pesado, incluso, personalizar su apariencia, requiere que crees un tema o te adaptes a lo que trae.

LEER ENTRADA

Aceptar coma o punto como decimal en jQuery Validate

Aceptar coma o punto como decimal en jQuery Validate

31/OCT/2012 16.974 visitas Ver comentarios

Este minipost surge porque me encontré en la necesidad de aceptar el punto o la coma, indistintamente, como decimal en un campo de tipo numérico y aplicándole un rango de valores permitidos.

Lógicamente, estamos hablando de jQuery Validation plugin que, como buen plugin escrito en inglés, utiliza el punto como separador de decimales y la coma como separador de miles.

LEER ENTRADA

Agregar eventos a jQuery UI datePicker

Agregar eventos a jQuery UI datePicker

16/MAY/2012 16.749 visitas Ver comentarios

Esto es magia en estado puro. Me lo encontré buscando como agregar eventos al jQuery UI datePicker para que, en lugar de seleccionar la fecha indicada, muestre una alerta o siga un vínculo desde cada día del calendario.

Encontré este código que voy a copiar y pegar tal cual... antes que me muerdan, el código no es mío, pero lo que hace, básicamente, es crear un array con los eventos a mostrar y luego capturar el evento de seleccionar la fecha.

LEER ENTRADA

Formularios web con jQuery Validate y envío por phpmailer y gmail

Formularios web con jQuery Validate y envío por phpmailer y gmail

20/ENE/2011 49.973 visitas Ver comentarios

Hace tiempo tenía ganas de preparar un nuevo ejemplo de un formulario web con validación por jQuery Validate y, esta vez, envío ajax mediante phpmailer y el smtp de nuestra cuenta de gmail.

Debemos saber, ante todo, que gmail limita nuestros envíos a 500 diarios. Dicho ésto, nos ponemos manos a la obra con el formulario.

LEER ENTRADA

jQuery date picker plug-in

jQuery date picker plug-in

23/DIC/2008 8.547 visitas Ver comentarios

Últimamente me estoy encontrando con que muchos de mis proyectos requieren la integración de un "date picker" o selector de fecha. ¿No sabes qué es? Esos campos de texto de un formulario en el que te piden una fecha y, generalmente, tienen un botoncito que te abre un calendario flotante que, al seleccionar una fecha, desaparece y coloca la fecha seleccionada en el campo de texto en cuestión.

Pues bien, como casi casi siempre utilizo el mismo, me decidí a subirlo a mi web, aunque la versión original de este plugin, con su documentación completa y ejemplos de varios tipos, puede encontrarse en la web del autor: kelvinluck.

LEER ENTRADA