Siempre que creemos un formulario web (HTML), hay que validar las entradas. Esto siempre se hace del lado del cliente o cliente-side y del lado del servidor o server-side.

Del lado del servidor utilizamos el lenguaje que esté desarrollado el sitio, por ejemplo si el sitio está desarrollado con PHP, hay que crear un mecanismo que lea y valide todos los datos que llegan en las variables del formulario usando algo así: Sigue…

Desarrollo, PHP, Recursos, Tutoriales bibliotecas, formularios, javacript, librerias, PHP, programación, script, tutorial, validar, web

Nice Forms es un script que reemplaza los elementos habituales en un formulario, permitiendo lograr una apariencia muy vistosa.

Con este recurso logramos desde un simple formulario XHTML, aplicarle a todos sus elementos, un estilo mucho mas acabo y elaborado, todo esto de una forma muy simple más precisa que con una simple CSS. Para esto, Nice Forms recorre toda la estructura del DOM. Además podemos darle una apariencia bien personalizada creando nuestros propios temas.

Para tener una idea más certera de lo que nos permite hacer, basta con visitar el demo. Sigue…

CSS, Desarrollo, Diseño crear, CSS, Desarrollo, Diseño, estilo, Form, formularios, nice, script, web

Hoy un cliente me encargó algunas actualizaciones de su sitio entre las que incluyó un nuevo formulario. En Web Resources Depot encontré un script que me gustó mucho y que voy a utilizar.

Se trata Proto Form que permite de un forma realmente sencilla validar formularios. Usa Ajax y la biblioteca Protoype.

Sus principales características son:

• es sencillo de implementar;
• su código es no invasivo;
• permite verificar que estén completos los campos obligatorios;
• también permite validar datos como: fechas, email, números de teléfono y URLs;
• envía datos y muestra mensajes vía Ajax;
• resalta los campos que contiene errores;
• y es muy liviano, sólo ocupa 4kb.

En el sitio de este script, encontramos detalladamente toda la documentación con los pasos necesarios para implementarlo (en inglés). Sigue…

Desarrollo, Diseño ajax, Desarrollo, Diseño, formularios, implementar, prototype, validad

Tooltip for forms es un script Javascript que muestra ayuda en formularios. Con este útil recurso podemos agregar información adicional a cualquier elemento del formulario.

Cada vez que un elemento de nuestro formulario recibe el foco, este mostrará ayuda en un Tooltip.

Es fácil de configurar y en el sitio encontramos documentación muy completa (en inglés).

Por ejemplo para definir en un elemento del formulario un Tooltip debemos agregar: tooltipText=”Escriba su nombre”. Sigue…

Desarrollo, Diseño biblioteca, Desarrollo, Diseño, formularios, Javascript, libreria, scrip, tooltips

Validanguage es otra biblioteca (librería) Javascript que es orientada a objetos y permite validar formularios.

El Javascript es no invasivo, a diferencia de otras similares esta no depende de ninguna otra biblioteca o framework pero si fuera necesario, se la puede integrar fácilmente con Prototype.

Algunas de las opciones que nos ofrece son:

• provee 2 APIs;
• permite pre configurar funciones como: required, minlength, maxlength, etc.;
• permite configurar fácilmente funciones de validación;
• y se integra fácilmente entre algunas otras opciones más. Sigue…

Desarrollo, Recursos API, biblioteca, Desarrollo, formularios, Javascript, libreria, Recursos, validación