Tutorial: Validar formularios en Dreamweaver

Posted on | Noviembre 17, 2006

Tutorial Paso a Paso

Si necesitas validar la información que un usuario ingresa en tus formularios vía web y no sabes Javascript o similares, puedes utilizar el “behavior” de validación que viene incluido en Dreamweaver.

Este es un tutorial muy simple y no requiere grandes conocimientos en programación!

1. El formulario Tomamos en cuenta que ya tienes creado el formulario en Dreamweaver. Sino, puedes bajar el del ejemplo aquí.

2. Nombrar los campos

Para poder realizar la validación, necesitamos darle un nombre a cada campo del formulario. Para realizar esto, seleccionamos el campo y cambiamos el nombre en el panel de propiedades (abajo).

Utilizamos nombres descriptivos (sin caracteres especiales) para cada campo -Nombre, Telefono, Email, etc.-.

3. Validar el formulario

Finalmente vamos a validar el formulario con el “behavior” (comportamiento) predeterminado de Dreamweaver. Para ésto, seleccionamos el botón de “Enviar” (Send) del formulario, y vamos a la paleta de behaviors (Window > Behaviors). Hacemos clic en el icono de “más” [+] y seleccionamos Validate Form.

Ahora verás todos los campos en el listado. Procedemos a seleccionar cada uno y hacer clic en “Required“. Finalmente verás el listado de la siguiente manera. Haz clic en “Ok“.

¡Eso es todo!

Puedes ver el formulario resultante aquí.

Comments