HTMLpointHTMLpoint HTMLpoint.com


 Verificación datos insertados en un form 2/2

  semana 20 - 17 mayo 1999

esempio.htm

Se trata del único ejemplo de este script y contiene todo el código necesario para el buen funcionamiento del mismo.
El código del script está en parte contenido entre las marcas <HEAD> del documento, y en parte del cuerpo del mismo. Empecemos por la sintaxis contenida entre las marcas <HEAD>:


La línea de código:

alert("No has rellenado correctamente el formulario. No has insertado algunos datos. Haz clic en OK y corrige el error")

imposta el mensaje que el navegador dará como respuesta cuando verifique la ausencia de algún campo obligatorio. Obviamente, puedes modificar el mensaje según tus exigencias. EL resto del código examinado no debe modificarse.

Dentro de los campos se inserta el código HTML que construye el formulario:


El formulario consta de 4 campos que hay que rellenar:

  • nombre y apellidos
  • e-mail
  • teléfono
  • aficiones

Todos los campos marcados con un asterisco son obligatorios. El único opcional es el número de teléfono.
El formulario se abre con la línea de código:

<FORM onSubmit="return checkrequired(this)"> que invoca la función "checkrequired" impostada entre las marcas <HEAD>.
Esto no basta para impostar los campos obligatorios, sino que es necesario intervenir ulteriormente en los nombres de cada campo, anteponiendo el término "required" delante de cada uno de ellos. Por ejemplo, el nombre del primer campo es "nombre" y para ser impostado como obligatorio debería transformarse en "requirednome". Y así también los otros:

email --> requiredemail
aficiones--> requiredhobby


El único campo que permance inalterado es "teléfono", ya que hemos decidido que sea opcional.
Una vez hecho esto, no nos queda más que insertar un normal botón de envío y verificar los buenos resultados de nuestro ejemplo.


  Vuelve a principio de página