Fundamentos de JavaScript

“Fundamentos de JavaScript.”

Osvaldo Quintana Arratia

TSINF161-1 - PROGRAMACIÓN HTML – II

Instituto IACC

07/07/2019

Desarrollo

[pic 2]

Se puede decir que, para validar los formularios, se puede referir a la comprobación de que nuestro formulario que se debe llenar debe realizar algunos requisitos que se debe validar antes de guardar los datos ingresados.

Aquí ocupe para llamar a hoja de validación mediante esta línea de comando en el formulario que está en HTML.

<script type="text/javascript" src="validar.js">script>

En esta oportunidad ocupe la validación tanto del RUT, la Edad, el Género y las Líneas a utilizar mediante JS. Siendo para mí, estos datos los más importantes en cuanto a la validación del formulario mediante JavaScript.

Se realizan con validaciones básicas para el control del formulario en sí.

Validar los campos que son obligatorios                

Puedo decir que los campos que son obligatorios estos son importantes en los formularios ya que si no tenemos estos al minuto de evaluar estos campos se debe tener la seguridad de que este no tenga valores nulos, que el campo no este vacío y que no esté lleno de espacios que estén en blanco

Validar los campos numéricos

Para poder validar los campos numéricos, los cuales son mas detallistas ya que se deben ingresar números y nada más, recibiendo solo números validos desde el cual devuelven uno verdadero.

Validar los campos de tipo Radio Button

Para validar estos tipos de campos que nos dejan tener la selección de solo uno, con esto podemos usar un FOR para contar con los datos del botón, se utiliza una variable banRBTN, que gracias a este podemos romper el bucle, para no revisar los demás botones que estén en el mismo grupo. Siendo gracias a este que se podrá indicar que se debe seleccionar una opción.

Validar el campo tipo Check Box

Estos son controles que tienen un valor tipo booleano, los cuales se podrían elegir si es verdadero o falso, con estos se pueden seleccionar mas de uno, la forma de validar se utiliza la propiedad checked siendo esta el estado de control. Si este estado nos indica que es falso, se sabe que el operador con que se niega entrara en la condición marcando el error.                

Como dato, me valí de la instrucción en HTML llamada required="", con el cual valide los Select, puesto que al configurar deje como importancia los anteriores datos.

CODIGO

function validacion() {

var txtRut = document.getElementById('rut').value;

          //Valido campo rut dejandolo obligatorio

                if(txtRut == null || txtRut.length == 0 || /^\s+$/.test(txtRut)){

                        alert('ERROR: Este campo no debe estar vacío');

                        return false;

                }

var texteEdad = document.getElementById('edad').value;

                //Se realiza validacion de campo edad

                if(texteEdad == null || texteEdad.length == 0 || isNaN(texteEdad)){

...