Llego hoy con una crónica más del montón, pero esta, más que crónica, es un grito de queja en un intento desesperado por liberar la tensión y frustración de encontrar programas, código e interfaces de usuario hechas de forma sumamente complicada, y cuyas validaciones del formato de entrada de información, en lugar de haber ejecutado complejas rutinas en javascript, podrían haber sido solventadas con el (según veo) poco conocido y desvalorado HTML, y para ser específicos, HTML5.
Mientras hacía una prueba de un sistema que tiene interfaz web, terminé de llenar los datos de un formulario de entrada y cuando hago clic en el botón Guardar…
Recibo un precioso error en un recuadro rojo, indicando que el campo «Orden» debe ser un número entero.
Por una parte, este tema evidentemente es una carencia en la revisión de los datos de entrada antes de proceder a su persistencia en base de datos. Vaya, nadie discute eso, más bien, ¿se pudo haber hecho un filtro inicial? Sí.
El formulario está hecho con una plantilla de HTML5, y como tal, la especificación 5 de este lenguaje de modelado incluye campos INPUT «nuevos» (HTML5 no es contemporáneo de 2019, ya tiene años entre nosotros) entre los que está NUMBER. El tag se aprecia así:
<input type="number" id="..." name="...">
Y la magia se hace sola. Sí, sola. El navegador por sí mismo obligará al usuario a que en este campo se tecleen sólo números. Incluso si intentas teclear letras o signos especiales, el navegador lo ignora. Dependiendo del navegador, también agrega controles para incrementar o decrementar el número.
Esto no exime al desarrollador de realizar las validaciones en la información, pero sí que automatiza y simplifica las tareas de validar el formato de entrada… desde el mismo HTML, SIN USAR JAVASCRIPT u otro lenguaje de scripting.
Conocer HTML no es lo mismo que conocer HTML5. Para quien no ha tenido la curiosidad de leer, la versión 5 viene acompañada de reglas, definiciones y herramientas que simplifican, aceleran y automatizan muchas de las tareas que, otrora, requerían programación en el backend o en el front end con javascript u otra herramienta similar para ser llevadas a cabo.
<span>Hasta aquí con esta crónica</span>
Deja un comentario