EJERCICIO CON JAVASCRIPT : Validar usuario y contraseña si los campos están llenos e imprimir la información del usuario, de lo contrario imprimir mensaje para que el usuario llene los campos vacíos.

Javascript es un lenguaje orientado a objetos que se incrusta en el navegador del usuario o del lado del cliente (client-side) para mejorar la interfaz del usuario y hacer las páginas más atractivas y estéticas.

Se crea un proyecto como se indicó en entradas pasadas yo lo haré en una ventana llamada ventana 3 y ventana4. En la ventana 3 tendrá el código para crear un formulario donde tendrá 2  campos de texto ( usuario y contraseña), almacenados en una tabla, posteriormente crearé una función para analizar los campos de texto el cual imprimirá un mensaje si los campos están vacíos.(El mensaje se imprime si al menos un campo no tiene datos o tiene espacios en blanco).

Creé una función la cual realizará el análisis de los campos o los id's para saber si están vacíos o si tienen algún espacio en blanco. En las líneas 14 y 15 se utiliza el método .value para obtener un valor del id. En las líneas 19 y 23 se analiza este valor para saber si tiene algún espacio o más  espacios en blanco mediante expresión regular (/ ^ \s $ / ) o si no tiene caracteres(.length == 0).Si se cumplen las condiciones imprimen el mensaje: "Llena los campos".

Expresiones regulares utilizadas:

/ /  .-La expresión regular se coloca dentro de estos caracteres.

^    .- Indica que la cadena inicia. 

\s   .- Caracter tipo espacio.

+    .- Se repite el caracter uno o más veces.

$    .- Termina la cadena.

Resultado: