Fundamentos de javascript Programacion HTML II

Fundamentos de JavaScript

Pedro Joel Pérez Guajardo

Programacion HTML II

Instituto IACC

29.10.17

Desarrollo

En el siguiente código se ha priorizado la utilización del método de CODIGO INTERNO, ya que en esta ocasión solo estamos trabajando en una sola página web. Como podemos apreciar estamos validando los datos a través del siguiente código

[pic 1]

Como podemos apreciar, cada vez que damos Enter los campos deben estar debidamente completados, de lo contrario nos enviara una advertencia de que el campo presenta algún tipo de error o se encuentra vacio. En el ejemplo anterior fue rellenada con una letra K a lo cual, automáticamente el código envio una alerta informando que no es correcto.

Las variables son debidamente declaradas para uso, destacando edad, rut, correo entre otras.

[pic 2]

[pic 3]

En el caso del RUT hemos solicitado que sea ingresado como aparece en el ejemplo al interior en la ventana. De no ser igual o tratar de ser ingresado en blanco nos envía una alerta solicitando el correcto ingreso de la información.

[pic 4]

[pic 5]

Como podemos apreciar, los fragmentos de código nos permiten ver como se genera la validación del campo Rut.

[pic 6]

Aquí podemos apreciar parte del código dando prioridad al código interno javascript sobre la pagina

[pic 7]

En esta imagen podemos visualizar como el código nos envía la alerta , producto de que no se ha ingresado ningún dato en campo correo, el cual, debe estar bien definido

[pic 8]

Aquí la fecha debe ser ingresada, pero a su vez nos permite presionar la flecha al costado y se desplegara un calendario, teniendo la opción de elegir dia, mes y año

[pic 9]

Para todos los campos tanto de ventanas ,checkbox, combobox y radiobutton se exigirá elegir una opción, de lo contrario enviara la alerta por pantalla.  

Aquí dejamos el link para revisar el codigo interno de javascript en html, se sugiere presionar flecha negra de la esquina como indica el ejemplo para visualizar en una pagina web de buena forma el ejemplo

[pic 10]

http://www.cubicfactory.com/jseditor/ejamas/3/edit

Se adjunta código javascript en wordpad

Bibliografía

[Haga triple clic en cualquier parte de este párrafo para escribir la primera referencia bibliográfica.]

[pic 11]

...