Los mejores cursos GRATIS © AulaFacil.com
  • [Entrada Profesores]
  • Certificaciones
  • [Mi AulaFácil]
sábado, 18 agosto 2018 español
Síguenos
Publica tu curso
¿Cómo Funciona AulaFácil?

Verificar la validez de los formularios I

Ya hemos aprendido cómo crear formularios de una forma rápida y sencilla.

En estas últimas lecciones hemos descubierto cómo insertar distintos tipos de campos para facilitar la obtención de información de los visitantes de nuestras paginas en formularios como el mostrado en la imagen inferior.

 

dreamweaver

 

Con este formulario obtenemos algunos datos básicos de nuestros visitantes, una vez pulsado el botón enviar, recibiremos en nuestro servidor la información proporcionada por el visitante de nuestra pagina.

Pero qué ocurre, si por error, el usuario pulsa el botón enviar sin haber rellenado todos los campos, o si inadvertidamente introduce un valor erróneo, como por ejemplo poner el Número de teléfono en el campo apellidos...

Bien, Dreamweaver, nos ofrece la oportunidad de que el formulario se autovalide antes de ser enviado, de forma que evite los errores más generales.

Vamos a verlo paso a paso con un ejemplo.

Partimos de que ya tenemos un formulario creado como el del ejemplo anterior, o si no cualquier otro es valido para esta lección.

El primer paso es activar el formulario, podemos hacerlo de dos formas, o seleccionando el cuadro formulario en la ventana diseño de Dreamweaver, reconoceremos que está seleccionado porque todos los campos de su interior aparecerán marcados en selección

O bien podemos hacer clic en el elemento <form> de la barra de estado.

 

dreamweaver

 

Una vez que esté seleccionado el formulario, deberemos ir al panel comportamientos que esta en el grupo de paneles oculto de la derecha.

Activaremos la pestaña comportamientos que aparece en el panel Etiqueta tal como vemos en la imagen inferior, simplemente pulsando sobre ella

.

dreamweaver

.

En la imagen superior vemos los distintos iconos activos, nosotros ahora añadiremos un comportamiento predefinido para la etiqueta “form”, para ello pulsaremos el símbolo “más” que vemos señalado por el puntero en la imagen superior.

Cuando pulsemos sobre el icono del signo “más” se desplegará un menú con las opciones disponibles para la etiqueta que hayamos elegido, esto es importante porque los comportamientos cambian según a que se lo apliquemos y por lo tanto también cambian las opciones presentes y activas del menú desplegado.

.

dreamweaver

 

Como queremos validar el formulario que estamos creando, lógicamente pulsaremos la opción“Validar formulario” tal como vemos en la imagen superior.

Cuando pulsemos sobre la opción Dreamweaver abrirá una venta de diálogo, llamada también“Validar formulario”.

Que continuaremos en la próxima lección.

 

Gracias por compartir y gracias por enlazar la página
Compartir en Facebook
Acepto vuestra política de privacidad
Consentimiento Expreso para el tratamiento de datos de carácter personal recabados por vía electrónica (leer consentimiento)

¡Suscríbete GRATIS a nuestro boletín diario!:

Búsqueda personalizada
Existen nuevos mensajes en las siguientes salas de chat:

      Recibe gratis alertas en tu navegador, sin configuraciones ni registros. Más info...
      [No me interesa] | [Me Interesa]



      ¿Dudas? ¿Preguntas? Plantéalas en el foro
      Suscríbete Gratis al Boletín

      Escribir la dirección de Email:

      Acepto vuestra política de privacidad
      Consentimiento Expreso para el tratamiento de datos de carácter personal recabados por vía electrónica (leer consentimiento)

      Delivered by FeedBurner

      Destacamos
      Cargando datos...
      Buenos Artículos Diarios

      Sigue a AulaFácil en:

      Ránking Mundial Certificados
      Banner AulaFácil

      Este es un producto de AulaFacil S.L. - © Copyright 2009
      B 82812322 Apartado de Correos 176. Las Rozas 28230. Madrid (ESPAÑA)