next up previous
Next: HTML y CSS Up: JavaScript Previous: Ejemplo 2: Factorial

Ejemplo 3: Validación de formularios

En el ejemplo siguiente se pide al usuario que valide los datos antes de enviarselos al servidor. También se podrían realizar comprobaciones automáticas que obligaran al usuario a una modificación de las entradas en caso de que no fueran correctas.

<html>
<head>
<script language="JavaScript">
<!-- hide from non-JavaScript browsers
function verify(theForm) {
   strOut = "\n\n";

   for(i = 0; i < theForm.elements.length; i++) {
      strOut += theForm.elements[i].name + ": "
             +  theForm.elements[i].value + "\n";
   }

   strOut += "\nIs this information correct?";

   return confirm(strOut);
}// end hide -->
</script>
</head>
<body>
<h2>Please complete the following:</h2>
<form method="post" onSubmit="return verify(this)"
action='http://descartes.dcs.fi.uva.es/~jvegas/cgi-bin/eco.pl'>
<table>
 <tr>
  <td>Name:</td>
  <td><input type="text" name="userName" size=25></td>
 </tr>
 <tr>
  <td>email address:</td>
  <td><input type="text" name="eMail" size=25></td>
 </tr>
 <tr>
  <td align=center colspan=2>
  <input type="submit" name="submit" value="Submit">
  </td>
 </tr>
</table>
</form>
</body>
</html>

Este ejemplo también sirve para ilustrar el modo en que JavaScript gestiona los eventos. En este caso, se detecta la activación del botón submit del formulario, y se invoca a la función correspondiente de verificación. Existen muchos otros eventos detectables relacionados con la carga de la página y el movimiento del ratón.

Se pueden observar más ejemplos: calculadora y eventos.



Jesús Vegas Hernández 2001-02-23