Professional Documents
Culture Documents
<SCRIPT></SCRIPT>
12.3.2 PRIMER EJEMPLO
<HTML>
<HEAD>
<TITLE>EJE1.HTML</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
alert("!Hola Mundo!");
</SCRIPT>
</BODY>
</HTML>
12.4 VALIDACIN DE
FORMULARIOS CON JAVASCRIPT
12.4.1 EVENTO ONSUBMIT
<form name="miFormulario"
action="mailto:mi@mail.com">
<input type="submit" value="Enviar" name="enviar">
</form>
12.4.1 EVENTO ONSUBMIT
<form name="miFormulario"
action="mailto:mi@mail.com">
onSubmit="alert('Has pulsado enviar.'); return
false;">
<input type="submit" value="Enviar" name="enviar">
</form>
12.4.1 EVENTO ONSUBMIT
<form name="miFormulario"
action="mailto:mi@mail.com"
onSubmit="alert('Has pulsado enviar.'); return
true;">
<input type="submit" value="Enviar" name="enviar">
</form>
12.4.2 EL OBJETO THIS
<form name="miFormulario"
action="mailto:mi@mail.com" onSubmit="return
Valida(this);">
Campo1 <input type="text" name="campo1">
<br>
Campo2 <input type="text" name="campo2">
<input type="submit" value="Enviar"
name="enviar">
</form>
12.4.3 VALIDACIN DE CAMPOS VACOS
<html>
<head>
<script>
function Valida(formulario) {
if ((formulario.campo1.value.length == 0) ||
(formulario.campo2.value.length ==0)) {
alert('falta información');
return false
}
return true
}
</script>
12.4.3 VALIDACIN DE CAMPOS VACOS
<body>
<form name="miFormulario"
action="mailto:mi@mail.com"
onSubmit="return Valida(this);">
Campo1 <input type="text" name="campo1">
<br>
Campo2 <input type="text" name="campo2">
<br>
<input type="submit" value="Enviar" name="enviar">
</form>
</body>
</html>
12.4.3 VALIDACIN DE CAMPOS NUMRICOS
function Valida(formulario) {
if ((formulario.campo1.value.length == 0) ||
(formulario.campo2.value.length ==0)) {
alert('falta información');
return false;
}
if (isNaN(parseInt(formulario.campo2.value))) {
alert('el campo2 debe ser un número');
return false;
}
return true
}
12.4.3 VALIDACIN DE CAMPOS NUMRICOS DE LONGITUD
FIJA
function valida2(formulario) {
var cp=/(^([0-9]{5,5})|^)$/
var dni=/(^([0-9]{8,8}\-[A-Z])|^)$/
if (!(cp.test(formulario.campo1.value))) {
alert('Contenido del campo1 no es un
CÓDIGO POSTAL');
return false; }
if (!(dni.test(formulario.campo2.value))) {
alert('Contenido del campo2 no es un DNI v&a
acute;lido.');
return false; }
return true;
}
12.4.3 VALIDACIN DE CAMPOS DE CORREO ELECTRNICO
function valida3(formulario) {
var correo /^[^@\s]+@[^@\.\s]+(\.[^@\.\s]+)+$/
if (!(correo.test(formulario.campo1.value))) {
alert('Contenido del campo1 no es CORREO
ELECTRÓNICO válido.');
return false; }
return true;
}
12.5 COMPORTAMIENTOS
DINMICOS. CAPTURA DE
EVENTOS CON JAVASCRIPT
Sintaxis Descripcin Evento de
onAbort Ocurre cuando el usuario aborta la carga de una imagen Image.
(pulsando sobre un enlace o sobre el botn Stop).
onBlur Ocurre cuando el usuario quita el foco de un elemento Button, Checkbox, Password, Radio, Reset, Select,
de un formulario, de una ventana o de un frame. Submit, Text, Textarea y Window.
onChange Ocurre cuando un select, text o textArea pierde el foco y FileUpload, Select, Text y Textarea.
su valor ha sido modificado.
onClick Ocurre cuando el usuario hace un clic sobre un enlace o Button, Checkbox, Link, Radio, Reset y Submit.
un elemento de un formulario.
onDblClick Ocurre cuando el usuario hace un doble clic sobre un Document, Area y Link.
enlace u un elemento de un formulario.
onFocus Ocurre cuando se produce un error en la carga de un Button, Checkbox, FileUpload, Layer, Password, Radio,
documento o una imagen. Reset, Select, Submit, Text, Textarea y Window.
onKeyDown Ocurre cuando el usuario pulsa una tecla. Document, Image, Link and Textarea.
onKeyPress Ocurre cuando el usuario pulsa o mantiene pulsada una Document, Image, Link y Textarea.
tecla.
onKeyUp Ocurre cuando el usuario libera una tecla. Document, Image, Link y Textarea.
onMouseMove Ocurre cuando el usuario mueve el ratn. Se debe asociar explcitamente a algn objeto.
onMouseOut Ocurre cuando el usuario mueve el ratn fuera de un Area, Layer y Link.
objeto.
onMouseOver Ocurre cuando el usuario mueve el ratn dentro de un Area, Layer y Link.
objeto.
onMove Ocurre cuando se mueve una ventana. Window.
onReset Ocurre cuando el usuario pulsa el botn reset de un Form.
formulario.
onResize Ocurre cuando el usuario cambia el tamao de la Window.
ventana.
onSelect Ocurre cuando el usuario selecciona algn texto en un Text y Textarea.
objeto text o textarea.
onSubmit Ocurre cuando el usuario envia un formulario. Form.
<body onLoad="alert('estás en mi
página web')" onResize="alert('has cambiado
el tamaño de la página')">
Ejemplo de onclick <br>
<a href="http://www.google.es"
onclick="alert('adiós')">Me voy de la
página</a>
<br><br>
<img
src="http://www.google.es/intl/es_ALL/images/logos/i
mages_logo_lg.gif" onMouseOver="alert('Estás
encima de la imagen')">
12.6 LIMITACIONES Y RIESGOS DE
ATAQUES
JavaScript tiene algunas limitaciones, las cuales derivan de su
objetivo principal, que es adicionar interactividad a las
pginas web. JavaScript no puede interactuar con el servidor.