Javascript antiguo

Hace ya varios años fui uno de los instructores más solicitados de JavaScript en INEGI, cuando había mucha capacitación para el personal, después un compañero del mismo INEGI, nos dio un curso de HTML 5, sentí que sabía las cosas pero igual que aquel que sabe el idioma pero de forma antigua (por ejemplo español o griego antiguo).

Dejamos un mucho de lado el desarrollo web, y ahora en la materia de desarrollo de aplicaciones III estamos haciendo un sitio web y empezamos con el clásico login.

Hay cosas que son mucho mejor verificar en el cliente, lo primero es constatar que el nombre de usuario sea válido, para lo cual definimos las siguientes reglas:

  • Letras y números
  • Un solo punto que no puede ir ni al principio, ni al final, si no existe el punto, el nombre de usuario también es válido.
  • La longitud mínima es de 3.

Vamos a explorar aquella técnica que el buen profesor Humberto Armando González nos enseñó en mis años mozos en el CETis 155, el análisis de cadenas, desarrolla mucho la lógica cuando empezamos a programar, aunque sin duda un método muy elegante y moderno son las expresiones regulares.

Por ahora no hay presentación sino que es simplemente una página web simple y llana (en asp.net) que enlaza con una página HTML. Aquí la página que recibe el usuario y contraseña y manda validar en Javascript el usuario.

La instrucción onclick=”return verifica_usuario()”, nos indica que si la función regresa un true, se ejecutará el Action que nos llevará a la página Contruccion.html, caso contrario si recibe un false, nos quedaremos en la misma página.

Ahora la página javascript que le hemos llamado Validador.js.

Vamos descartando posibilidades de error:

Primero verificamos la longitud, si la longitud esta bien, vamos a preguntar si existe un solo punto o ninguno, después tenemos que verificar que el punto no se encuentre ni al principio ni al final.

Pasado esto procedemos a checar la cadena carácter por carácter, si es algo diferente a dígitos, letras mayúsculas o minúsculas o el punto es un error y rompemos el ciclo.

En esta sesión no tuve problema, sin embargo en clase, tuve problemas pues veía que no se actualizaban los cambios, para evitar esto seguí el consejo de mi alumno Javier y daba clic en el ícono de guardar todo.

Además que limpiaba variables del navegador (hablando Google Chrome), se hace lo siguiente:

1 Clic los tres puntos de la esquina superior derecha.

2- Elegimos configuración y buscamos las opciones avanzadas.

3-Vamos elegir “Borrar datos de navegación”

4-Y elegimos “Borrar los datos”

5- Reiniciamos el navegador y ya no tuvimos problemas.

Aquí la prueba del script.

Se pueden hacer más pruebas acerca de este ejemplo.

Javascript me hizo enfrentar varias dificultades, pero nuestro primer validación parece esta funcionando.

Podemos probar esta aplicación en:

http://webappprestamo20180214124235.azurewebsites.net/login.aspx

Hasta aquí el apunte.

Profesor Miguel Araujo.

Deja un comentario