Tutorial: Validar formularios en Dreamweaver

Iconiza TeamProgramación, Tips AvanzadosLeave a Comment

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í.

form1.gif

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).

form2.gif

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.

form3.gif

form4.gif

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“.

form5.gif

¡Eso es todo!

Puedes ver el formulario resultante aquí.

Leave a Reply