Página principal



Prueba de JavaScript

Descargar 54.41 Kb.
Ver original pdf

Prueba de JavaScript





Descargar 54.41 Kb.
Ver original pdf
Fecha de conversión09.05.2018
Tamaño54.41 Kb.

Introducción al desarrollo web (iDESWEB)

Práctica 4: JavaScript: validación de formularios

1.

Objetivos

Aprender el lenguaje de programación JavaScript.

Aprender a manejar el DOM de una página web para acceder a su contenido.

Aprender a validar un formulario con el lenguaje de programación JavaScript.

2.

Recursos

¿Cuál es la sintaxis de JavaScript? ¿Qué palabras clave existen?

W3Schools

1

: cursos de aprendizaje y guías de referencia de diversas tecnologías empleadas en la

programación web. Incluye un tutorial y temas avanzados sobre JavaScript.

ECMA-262 ECMAScript Language Specification

2

: estándar en el que se basa el lenguaje

JavaScript.

Mozilla Developer Center JavaScript

3

: información sobre JavaScript según los desarrolladores

del proyecto Mozilla.

ECMAScript support in Opera

4

: información sobre JavaScript según los desarrolladores del

navegador Opera.

JavaScript Cheat Sheet

5

: resumen de los métodos y funciones principales, la sintaxis de las

expresiones regulares y el objeto XMLHttpRequest.

JavaScript Reference

6

: fichas resumen de los métodos y funciones principales. Incluye una tabla

con las versiones que aceptan los principales navegadores.

¿Cómo puedo comprobar que el código que escribo es correcto?

Firebug

7

: extensión (add-on) para el navegador Mozilla Firefox, es una herramienta esencial para

cualquier desarrollador web. Incluye: inspector y editor de HTML, CSS, JavaScript y DOM; regla

para tomar mediciones; monitor de actividad de red y depurador de JavaScript.

JSLint, The JavaScript Verifier

8

: aplicación en página web que verifica el código JavaScript,

posee múltiples opciones.

JavaScript Lint

9

: aplicación para descargar y ejecutar en local que emplea el motor del navegador

Mozilla Firefox.

JavaScript Editor

10

: potente editor de código JavaScript. Es de pago.

1

http://www.w3schools.com/

2

http://www.ecma-international.org/publications/standards/Ecma-262.htm

3

http://developer.mozilla.org/en/JavaScript

4

http://www.opera.com/docs/specs/js/ecma/

5

http://www.addedbytes.com/cheat-sheets/javascript-cheat-sheet/

6

http://javascript-reference.info/

7

http://getfirebug.com/

8

http://www.jslint.com/

9

http://www.javascriptlint.com/

10

http://www.c-point.com/javascript_editor.php

1


¿Cómo puedo esconder mi código JavaScript? No se puede, pero puedes emplear un “ofuscador” para

ponérselo difícil al que quiera copiar tu código. Estas herramientas también sirven para comprimir el

código JavaScript y reducir su tiempo de descarga.

iWeb Toolkit: Javascript Compiler

11

: encriptador de código JavaScript.

Lista de ofuscadores para JavaScript

12

: lista con enlaces a varios ofuscadores.

3.

¿Qué tengo que hacer?

En esta práctica tienes que emplear JavaScript para validar los formularios que has realizado en las

prácticas anteriores. En concreto, tienes que programar las siguientes restricciones:

Página principal Contiene un formulario (nombre de usuario y contraseña) para acceder como usuario

registrado. Antes de enviar el formulario, debes comprobar que el usuario ha escrito algo en ambos

campos, pero evita que el usuario escriba únicamente espacios en blanco o tabuladores.

Página con el formulario de registro como nuevo usuario Contiene un formulario con los datos

necesarios para registrarse (nombre de usuario, contraseña, repetir contraseña, dirección de email,

sexo, fecha de nacimiento, ciudad y país de residencia, foto). Antes de enviar el formulario, debes

realizar las siguientes comprobaciones:

nombre de usuario: sólo puede contener letras del alfabeto inglés (en mayúsculas y minús-

culas) y números; longitud mínima 3 caracteres y máxima 15.

contraseña: sólo puede contener letras del alfabeto inglés (en mayúsculas y minúsculas), nú-

meros y el subrayado; al menos debe contener una letra en mayúsculas, una letra en minúsculas

y un número; longitud mínima 6 caracteres y máxima 15.

repetir contraseña: su valor debe coincidir con el escrito en el campo contraseña.

dirección de email: no puede estar vacío, hay que comprobar que cumple el patrón de una

dirección de email (no permitir dominios principales de menos de 2 caracteres y más de 4

caracteres).

sexo: se debe elegir un valor.

fecha de nacimiento: comprobar que es una fecha válida.

El resto de campos no indicados se pueden quedar vacíos.

4.

¿Cómo lo hago?

JavaScript es un lenguaje de script que comparte la misma sintaxis básica que los lenguajes de pro-

gramación C, C++ y Java. El código de JavaScript se puede incluir de tres formas en una página web:

Mediante la etiqueta 

Una página web sencilla.

Jugador 1: 

Jugador 2: 

Jugador 3: 

Un texto. Pulsa aquí

para ejecutar la función.



Similar:

Prueba de JavaScript iconJavascript indice de contenidos
JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas web dinámicas
Prueba de JavaScript iconJavascript
No se puede desarrollar un programa con JavaScript que se ejecute fuera de un Navegador, aunque en este momento comienza a expandirse...
Prueba de JavaScript iconCurs JavaScript
JavaScript, al igual que Java o vrml, es una de las múltiples maneras que han surgido para extender las capacidades del lenguaje...
Prueba de JavaScript iconGuía de estudio ! ! ! ! ! Descripción de la prueba Sugerencias para contestar la prueba Ejemplos Prueba de Práctica Respuestas correctas Incluye: guía de estudio
The College Board Puerto Rico y América Latina tiene como misión central servir de enlace entre
Prueba de JavaScript iconXajax: una librería de ajax para php (parte 1)
Ajax es el acrónimo de Asynchronous Javascript And xml o Javascript y xml asíncronos dicho
Prueba de JavaScript iconLa librería JavaScript para escribir menos y hacer más
Query se ha convertido en la librería JavaScript más utilizada actualmente, y es que, además, es gratuita, de código abierto (bajo...
Prueba de JavaScript iconQué es JavaScript y las posibilidades que nos ofrece con respecto al html
El navegador del cliente es el encargado de interpretar las instrucciones Javascript y ejecutarlas para realizar estos efectos e...
Prueba de JavaScript iconMicrosoft Word Prueba para acreditar aep y avdi doc
La Prueba de Conocimientos Disciplinarios y Pedagógicos que deben rendir aquellos docentes
Prueba de JavaScript iconPrueba de evaluación de matemáticas
Resolución de la prueba de matemáticas para los estudiantes del décimo año de educación básica


Descargar 54.41 Kb.
Ver original pdf