Validar formularios con Dreamweaver
Dreamweaver contiene una utilidad para validar formularios en JavaScript sin necesidad de programar el código. Lo único que debemos hacer es crear el formulario en cuestión, y con unos simples clics, validar uno a uno los campos del mismo. Crear el formulario Para crear un formulario en Dreamweaver, tenemos que insertarlo desde [Insertar > Formulario > Formulario], o bién, hacerlo desde la barra de herramientas rápida que incluye el editor:
Y veremos las siguientes opciones para crear diferentes tipos de campos. Con ellas, creamos un Formulario, los campos de texto, y al final un botón de envío.
Tendremos algo como lo siguiente:
Idenificar los componentes del formulario Tendremos que darle una identidad a cada componente del formulario, para ello haremos clic sobre el campo y en el apartado Propiedades le pondremos el nombre y otras configuraciones si son necesarias.
Validando el formulario Para validar es necesario contar con la ventana Inspector de etiquetas. Si no la tenemos visible a la derecha, tendremos que agregarla yendo a [Ventana > Inspector de etiquetas]. Luego, dentro del formulario, seleccionamos el botón Enviar, vamos a la ventana Inspector de etiquetas, y dentro de la solapa Comportamientos daremos clic sobre el signo +. Allí elegimos Validar formulario.
Especificaremos en cada uno de los componentes del formulario lo qué es aceptado dentro del mismo:
Valor Aceptar Dando clic en Aceptar ya tendremos el formulario validado. Traducir los errores El script que genera el Dreamweaver está en inglés, por lo cuál los mensajes que muestra durante la validación estarán en ese idioma. Pero éstos pueden ser editados y traducidos fácilmente por nosotros yendo a la solapa Código para ver el código fuente, y allí modificamos lo escrito en negrita e itálica dentro del JavaScript: <script language="JavaScript" type="text/JavaScript"> Ejemplo funcionando Puedes ver un ejemplo de este artículo aquí. |