CLASES DE JAVA
significado de
 
Tutorial IT blog

Eventos en javascript

28 de Agosto de 2009

En JavaScript, los eventos son las llamadas que se ejecutan sobre la base de una acci贸n. Un evento de documento es la carga de un documento HTML. Un evento de formulario es un clic en un bot贸n. Los eventos son objetos con propiedades.

Propiedades del evento

  • x -Mouse coordenada x cuando el evento ocurri贸.
  • y -Mouse coordinada y cuando el evento ocurri贸.

JavaScript define cinco tipos de eventos: formulario, imagen, mapa de imagen, enlaces y eventos de la ventana. Los eventos est谩n asociados con las etiquetas HTML. Las definiciones de los eventos descritos a continuaci贸n son los siguientes:

Formulario de Eventos

  • blur - El enfoque de entrada se perdi贸.
  • change - Un elemento pierde el foco desde que cambi贸.
  • focus - Se obtuvo el foco de la selecci贸n de entrada.
  • reset - El usuario resetea el objeto, normalmente un formulario.
  • select - Algun texto seleccionado
  • submit - El usuario env铆a un objeto, normalmente un formulario.

Eventos de imagen

  • abort - Una acci贸n del usuario provoc贸 un abort.
  • error - Se produjo un error.
  • load - El objeto se ha cargado.

Eventos de mapa de im谩genes

  • mouseOut - El rat贸n se mueve de un enlace en la parte superior.
  • mouseOver - El rat贸n se mueve sobre un enlace.

Eventosde link

  • click - Se hizo click en un objeto
  • mouseOut - El rat贸n se mueve de un enlace en la parte superior.
  • mouseOver - El rat贸n se mueve sobre un enlace.

Eventos de Ventana

  • blur - Se perdi贸 el enfoque de entrada.
  • error - Se produjo un error.
  • focus - Se obtuvo el foco de la selecci贸n de entrada
  • load - El objeto se ha cargado.
  • unload - El objeto hizo unload.

Etiquetas: , , , ,
Publicado en Javascript | 1 comentario »

Como validar formularios con javascript

28 de Agosto de 2009

C贸mo empezar a validar un formulario en javascript

El formulario que vamos a validar contiene s贸lo dos campos obligatorios:

* E-mail
* 驴Qu茅 utilidad ha encontrado a este art铆culo?

Ambos campos son necesarios para este ejemplo. El c贸digo HTML para crear el formulario es el siguiente:

<html> <head> <title>Pagina de ejemplo - validacion de formularios</title></head>
<body> <form action=”#”>
<ul> <li><label for=”email”>E-mail <img src=”req.gif” alt=”Required” /></label>
<input class=”reqemail” id=”email” value=”" /></li>
<li><label for=”question”>Que utilidad ha encontrado a este articulo?
<img src=”req.gif” alt=”Required” /></label><input class=”reqquestion” id=”question” value=”" /></li> </ul> <input type=”submit” value=”Submit form” />
</form>
</body>
</html>

Vamos a insertar el c贸digo HTML adicional como sigue:

<form onSubmit=”validateForms()” action=”#”>

Vamos a crear la funci贸n en JavaScript que valida el formulario y sus campos:

function validateForms()
{
}

La validateForms() es la funci贸n de ra铆z que se utiliza para controlar la forma en que el formulario sea validado. Vamos a empezar por conseguir una colecci贸n de objetos HTML de cualquier objeto en la p谩gina HTML:

function validateForms()
{
if (!document.getElementsByTagName) return false; elementsForms = document.getElementsByTagName(”form”); }

El siguiente paso en el proceso de validaci贸n consiste en recorrer los objetos y聽 validarlos. Todos los formularios ser谩n tratados de la misma manera. Lo haremos con un bucle for para recorrer la colecci贸n de objetos de HTML con cada formulario que se pasa a una nueva funci贸n llamada validateForms()

function validateForms()
{
if (!document.getElementsByTagName) return false; elementsForms = document.getElementsByTagName(”form”); for (var intCounter = 0; intCounter < elementsForms.length; intCounter++) { validateForm(elementsForms[intCounter]) } }
function validateForm(currentForm)
{
}

Para validar el correo electr贸nico vamos a crear una funci贸n simple utilizando una expresi贸n regular para comprobar si el correo electr贸nico es v谩lida. Esto es llamado cuando el class="reqemail" se encuentra por la funci贸n de validaci贸n:

function validateEmail(elementsInputs, intCounter)
{
var emailFilter=/^.+@.+\..{2,3}$/; if (!emailFilter.test(elementsInputs[intCounter].value)) { return true; } }

La funci贸n de completado debe tener este aspecto:

function validateForm(formActual)
{
var blnvalidate = true; var elementsInputs;
elementsInputs = formActual.getElementsByTagName(”input”); for (var intCounter = 0; intCounter < elementsInputs.length; intCounter++) { if (elementsInputs[intCounter].className == “reqquestion”) { if (validateText(elementsInputs, intCounter)) { blnvalidate = true; alert(’Debe completar el campo de opini贸n sobre el art铆culo’); } } else if (elementsInputs[intCounter].className == “reqemail”) { if (validateEmail(elementsInputs, intCounter)) { blnvalidate = true; alert(’Por favor ingrese un email v谩lido’); } } } return blnvalidate; }

Etiquetas: , , , ,
Publicado en Javascript | No hay comentarios »

« Entradas m谩s antiguas

TAGS
Tutorial java - tutorial informatica - Informatica aplicada - Informatica practica - Informatica basica - Informatica arquitectura - tutorial php - tutorial .net - tutorial oracle - tutorial servlet - tutorial jsp - tutorial ruby - tutorial scrum - tutorial esb - tutorial arquitectura - tutorial uml - tutorial j2ee - tutorial informatica - Informatica programacion - Informatica analisis - Informatica - tutorial visual basic - tutorial c - tutorial profesionales - tutorial hibernate, tutorial spring, tutorial quartz, tutorial access - tutorial sql - tutorial xml - tutorial xslt - tutorial wsdl - tutorial soa - tutorial esb - tutorial jboss - tutorial iis - tutorial informatica - tutorial javascript - tutorial vbscript - tutorial request - tutorial cgi - tutorial raid - tutorial microsoft - tutorial sun