Una vez que tenga un formulario HTML en funcionamiento, a menudo querrá asegurarse de que se hayan completado todos los campos importantes. Por ejemplo, si va a enviar una carta de confirmación por correo electrónico, la dirección de correo electrónico debe incluirse en los campos del formulario. , y debe ser una dirección de correo electrónico que funcione.
Hay dos formas de validar sus formularios:
- Usando JavaScript
- Usando un script CGI
Las ventajas de usar JavaScript para validar formularios
- Usando javascript no usas ningún tiempo de procesador del servidor. Todo el procesamiento se realiza en el equipo cliente.
- A menudo parece funcionar más rápido que la validación CGI.
- Como la página de formulario no ha cambiado, es fácil para el lector corregir los errores.
Los contras de usar JavaScript para validar formularios
- JavaScript solo funciona en los navegadores que lo tienen habilitado. Si el JavaScript está deshabilitado, su comprobación de errores no se realiza.
Las ventajas de usar CGI para validar formularios
- El uso de un CGI para validar garantiza que cada vez que se envíe el formulario, se ejecutará la validación.
Los contras de usar CGI para validar formularios
- CGI pone más carga en el servidor web, y cada función que se incluye en el CGI es una tarea más para el servidor.
- CGI puede ser lento para ejecutar.
- Si hay un error, el cliente debe volver a la primera página del formulario, o el CGI necesita otra función para volver a escribir la página del formulario.
La forma en que manejo esto es tener la mayoría de la verificación de errores hecha con JavaScript. De esa manera, es rápido y fácil para los lectores. Luego vuelvo a verificar los elementos vitales del formulario con el CGI.
Cómo usar JavaScript para validar formularios HTML
La premisa básica de crear la validación de formularios es buscar los nombres de los elementos de formulario que se requieren y, si están vacíos, mostrar un mensaje de error.
La mayoría de los programas de comprobación de errores comprueban cada campo uno a la vez y muestran un error a la vez. Esto puede hacer que rellenar el formulario sea tedioso, y la gente podría detenerse en el medio. Si usa el siguiente script y la fuente de Perl, sabrá cómo validar un formulario completo a la vez, mostrando una serie de mensajes de error que su lector puede volver y corregir.
El JavaScript para validar un formulario
En la parte principal de su HTML, debe crear una secuencia de comandos para hacer la validación del formulario:
- Configure el script y asegúrese de que esté oculto para los navegadores que no pueden manejar JavaScript.
Luego, para llamar al script, ponga un elemento onsubmit en la etiqueta de formulario:
CGI para validar formularios
Este fragmento de código CGI de Perl hace lo mismo que JavaScript. Comprueba si los campos requeridos están allí y, si no, guarda un mensaje de error en una variable para su visualización:
#! / usr / local / bin / perl$ error = "";if ($ en {'dd'} eq ""){ $ error + = "Por favor, seleccione en el cuadro desplegable.';}if ($ en {'palabras'} eq ""){ $ error + = "Por favor, incluya algunas palabras en el cuadro de texto.';}# … continuar validando todos los campossi ($ error) imprima "Tipo de contenido: texto / html n n"; impresión "
Se ha producido un error
'; imprime $ error; imprimir "Por favor, regrese y corrija estos errores."; impresión "';} else { # Sigue con el CGI …}
La diferencia con la forma en que CGI escribe el mensaje de error es que, en lugar de " n", utiliza la etiqueta de párrafo HTML para colocar una nueva línea entre cada error.
Y ahora has validado tu formulario
Con los dos métodos, CGI y JavaScript, ha validado un formulario HTML para que la mayoría de las partes que se le envíen sean precisas.
