Crear un formulario II

Tenemos ya nuestro formulario, pero tal como esta, no podemos, si no confiar en que el usuario final, rellenara los datos que pedimos para enviárnoslo, pero el hecho es que sin rellenar ninguno de los campos, también se enviara, por lo que nos llegara un mail totalmente vacío.

Hay muchas formas, scripts que encontraremos en la Red que nos servirán de ayuda pero también podemos hacerlo desde el mismo Dremweaver y lo vamos a ver aquí.

Pulsando donde indica la flecha, podremos cambiar el menú y visualizar los comandos que nos interesan en cada momento. Activamos ahora el de Formularios, si ponéis el cursor del ratón sobre ellos, veréis que aparece una descripción de cada uno.

barra formularios

Creamos un nuevo formulario o bien, podréis usar el mismo, como queráis. (Yo hice uno nuevo ;) Y pulsamos la etiqueta form, para seleccionar todo el formulario:

1

En el menú superior vamos a Ventana/Comportamientos:

2

Se activará un menú en la columna de la derecha con este aspecto:

3

Pulsamos en el signo + y se despliega un menú, ir a Validar Formulario:

4

En Campos con nombre, seleccionamos por turnos ;) aquellos que queremos validar

5

*Nota: Cualquier cosa quiere decir que pondrán insertar cualquier carácter. En caso de ser un campo que requiera una cifra en números, cambiaríamos a Número.

Sin aceptar aun seleccionamos el siguiente campo a validar:

6

Marcamos Valor obligatorio ya que de no hacerlo, esta acción no tiene mucho sentido no? Como ejemplo, limite la edad, y entonces marcamos Numero del: poniendo en los campos la cifra que deseamos.

Por último, seleccionamos el campo de correo:

7

Marcando obligatorio ( no olvidarse ) y Dirección de correo electrónico. Observar que a la vez que íbamos configurando los campos, se añadía una (R), ( RinRange y las cifras que hemos insertado ) y en el correo ( RisEmali) Ahora ya si aceptamos.

En el panel de la derecha, en Comportamientos vemos que ahora hay unas ordenes:

8

Tienen que haber aparecido o no lo hicimos bien. Pero podría darse el caso que en vez de onSubmit, hubiera otro comando, bien pulsando dos veces sobre el, aparece un campo de selección donde podremos buscar el que estamos necesitando:

9

Si lo que queremos es hacer un cambio en un campo que hemos validado o añadir uno mas pulsamos en Validar formulario, y nos aparece de nuevo el cuadro anterior para poder modificarlo.

Para validar un solo campo, basta que seleccionemos dicho campo y el Comportamientos, procedamos a ello. Pero esta vez en vez de onSubmit, habremos de asegurarnos que el comando sea onBlur:

10

Si damos un vistazo al código fuente, podemos ver que a variado el solo, se añadió el parámetro onSubmit= con las llamadas a las acciones que hemos validado.

También encontraremos un script que si os atrevéis habría que modificar ya que son los mensajes emergentes que vera el usuario que rellene el formulario si no hace tal como dijimos:

11

Ampliar imagen para ver mejor Aquí.

El texto que va dentro del rectángulo es lo que hay que traducir y volver a ponerlo en Castellano. Alerta no quitar o añadir una comilla ni modificar nada mas, si lo hacemos no funcionara.

10º Guardamos nuestro documento y lo subimos al servidor, cuando el usuario quiera rellanar el formulario no tememos medio de que los datos que inserte sean los correctos, pero si que ha de rellenar obligatoriamente los que hemos validado o no enviara el formulario, ya que le saldrá este mensaje y no le dejará enviarlo:

12

Ver mi ejemplo Aquí

Aun así, sigue siendo necesario que el usuario tenga instalado un gestor de correo en su ordenador para hacer posible el envió de estos formularios.

Para evitar esto, es necesario el uso de unos programas como cgi, formail, perl, javascripts, etc… Normalmente en los servidores gratuitos hay ya formularios preparados o bien no hay nada mas que podamos hacer que esto que hemos visto en este tutorial o el anterior.

Por eso es importante a la hora de elegir un servidor, saber que nos permitirá instalarlos o los tiene ya a nuestra disposición. O bien podremos trabajar con php o asp, que también habrá de tener instalado el servidor. Mas adelante veremos algún que otro script que podríamos usar en cualquier caso.

Responder