Por: Janko Jovanovic

Idealmente los usuarios llenarán formas en la web con información necesaria y concluirán su trabajo exitosamente. Sin embargo, a menudo las personas cometen errores. Aquí es donde la validación de lo formularios web entra en el juego. El objetivo de la validación de formularios web es asegurar que el usuario provea la información necesaria y en el formato requerido, para completar satisfactoriamente una operación. En este artículo iremos tras la validación en sí y exploraremos algunos de sus métodos.

Las entradas de usuario (datos leídos) pueden ser validadas en el servidor y en el cliente (navegador web). De manera que se tienen validaciones tipo server-side y client-side. Discutiremos los pros y contras de cada una.

Que validar

Hay varios tipos diferentes de validaciones que se pueden realizar: campos requeridos, formato adecuado y campos de confirmación.

Retroalimentación de la validación

Si la validación falla, el sistema debería notificarselo al usuario a través de un mensaje claro y no ambigüo (de uno o dos renglones) así como la forma de corregir el error. Ya que los usuarios necesitan darse cuenta del error de inmediato, es buena práctica posicionarlo al inicio de la página web, antes de todos los otros campos. Esto permitirá además a los lectores acceder fácilmente al mensaje.

Es mejor estar seguros que después tener que pedir disculpas

Además de la validación, hay muchas técnicas que pueden ayudar a los usuarios a equivocarse menos. Aunque no todas estas técnicas pueden ser consideradas una validación, ayudan guiando a los usuarios y previniendolos de cometer errores.

Eres humano?

La validación de formularios no estaría completa sin mencionar el uso del Captcha.
Captcha es una parte significativa al ser responsable de encontrar si el usuario de un sistema es una persona o un robot. En su forma más simple, un captcha consiste en una imagen de texto, números o expresiones y un campo que espera el contenido de la imagen como entrada. Las primeras imágenes generadas por captcha eran numéricas (ejemplo. “8356″), ese número se esperaba como entrada del campo por parte del usuario. Si no se escribía el número correcto el formulario no podía ser enviado. De hecho, hoy día hay muchos robots de spam capaces de reconocer el texto incluído en una simple imagen de captcha, de manera que es una buena idea poner una buena pregunta, que solamente un humano pudiera contestar correctamente, por ejemplo “Qué colores tiene el sol?” con la respuesta correcta “amarillo” en todas sus variantes (”AMARILLO”, “amarillo”, “Amarillo” etc.).

Recursos útiles

Aqui hay algunos entornos de trabajo (frameworks), aplicaciones añadidas (plugins) y tutoriales que pueden ayudarle a implementar validaciones en sus formularios web fácilmente.

Conclusión

Ya vió diferentes técnicas que puede usar para hacer la validación de sus formularios web. Aunque hay muchas posibilidades, ustede deberá planear cuidadosamente la validación de cada proyecto. No todas las técnicas proveeen una solución para todo. Muchas de ellas son útiles y fáciles de implementar, pero pero algunas carecen de usabilidad y simplicidad. Si usted es nuevo en el diseño de formularios web, aquí hay una breve lista de consideraciones para el diseño de validación de formularios web. Esto podría ser suficiente para empezar.

Reglas generales en el diseño de validación de formularios web

° Nunca omita la validación en el servidor.
° No de retroalimentación confusa a su usuario al hacer una validación. Deberá explicarle claramente los errores y la forma de arreglarlos.
° No permita que sean los usuarios quienes piensen que información es requerida, marque siempre claramente los campos obligatorios.
° Nunga retroalimente el reporte de validación en una página nueva o en una ventana tipo Popup.
° No utilize efectos dinámicos como compensación sobre una forma mal diseñada. Estos no ocultaran la pobreza del diseño de un formulario.
° Si usa Captcha, no olvide proveer soporte de audio y habilitar al usuario a que pueda recargar el captcha.
° No olvide informar al usuairo cuando el formulario haya sido capturado total y satisfactoriamente. Es importante una buena retroalimentación.

Acerca del autor:

Janko Jovanovic es un desarrollador senior, diseñador web y bloguero. En su tiempo libre escribe acerca de desarrolo web y diseño en su blog JankoAtWarpSpeed y regularmente "pía" en Twitter.

Fuente: Digg

Ver nota original en inglés.