<html>
<head>
  <title> Submit04 </title>
  <script language="javascript">
    function envia ()
    {
      if (document.frm1.nombre.value == "") {
        alert ("Introduce el nombre")
        document.frm1.nombre.focus()
      }
      else if (document.frm1.apellido.value == "") {
        alert ("Introduce el apellido")
        document.frm1.apellido.focus()
        return
      }
      else if (document.frm1.dni.value == "") {
        alert ("Introduce el DNI")
        document.frm1.dni.focus()
        return
      }
      else if (!dniCorrecto(document.frm1.dni.value)) {
        document.frm1.dni.focus()
        document.frm1.dni.select()
        return
      }
      else
        document.frm1.submit()
    }

    function dniCorrecto(valor)
    {
      if (valor.length != 8) {
        alert ("El DNI debe tener 8 dígitos")
        return false
      }
      for (i = 0; i < 8; i++) {
        c = valor.charAt (i)
        if (c < "0" || c > "9") {
          alert ("El DNI debe tener sólo dígitos")
          return false
        }
      }
      return true
    }
  </script>
</head>
<body>
    <form name="frm1" target="_top" method="get">
    <table>
      <tr>
        <td>Nombre:</td>
        <td><input type="text" name="nombre"   size="12" /></td>
      </tr>
      <tr>
        <td>Apellido:</td>
        <td><input type="text" name="apellido" size="20" /></td>
      </tr>
      <tr>
        <td>DNI:</td>
        <td><input type="text" name="dni" size="8" /></td>
      </tr>
      <tr>
        <td colspan="2">
        <input type="button" value="Enviar formulario"
               onclick="envia()" /></td>
      </tr>
    </table>
    </form>
</body>
</html>