practica # 15 validacion de formulario

Diseño de formularios Puede utilizar saltos de línea, saltos de párrafo, texto preformateado o tablas para aplicar formato a los formularios. No puede insertar un formulario dentro de otro formulario (es decir, superponer etiquetas), pero puede incluir varios formularios en una misma página. Cuando diseñe formularios, asigne textos descriptivos a las etiquetas de los campos para que los usuarios puedan saber a qué están contestando. Por ejemplo, utilice la etiqueta "Escriba su nombre" para solicitar el nombre del usuario. Insertar tablas en los formularios Puede insertar una tabla en un formulario para conseguir un diseño más atractivo. Utilice tablas para estructurar los objetos del formulario y las etiquetas de los campos. Las tablas facilitan la alineación vertical y horizontal de las opciones.  Validación de formularios La acción Validar formulario comprueba el contenido de los campos de texto especificados para asegurarse que el usuario ha introducido el tipo correcto de datos. Adjunte esta acción a campos de texto individuales con el evento onBlur para validar los campos conforme el usuario vaya llenando el formulario, o adjúntela al formulario con el evento onSubmit para evaluar varios campos de texto cuando el usuario haga clic en el botón Enviar. Al adjuntar esta acción a un formulario, se evita que éste sea enviado al servidor si alguno de los campos especificados contiene datos no válidos. Elija Insertar > Formulario o haga clic en el botón Formulario en el panel Objetos para insertar un formulario. Elija Insertar > Objetos de formulario > Campo de texto o haga clic en el botón Campo de texto en el panel Objetos para insertar un campo de texto. Repita este paso para insertar más campos de texto. Lleve a cabo una de estas operaciones: Para validar campos individuales conforme el usuario va llenándolos en el formulario, seleccione un campo de texto y elija Ventana > Comportamientos. Para validar múltiples campos cuando el usuario envía el formulario, haga clic en la etiqueta <form> en el selector de etiquetas, situado en el ángulo inferior izquierdo de la ventana de documento, y elija Ventana > Comportamientos. Haga clic sobre el signo más (+) y Seleccione Validar formulario en el menú emergente. Lleve a cabo una de estas operaciones: Si está validando campos individuales, seleccione el mismo campo que seleccionó en la ventana de documento en la lista de Campos con nombre. Si está validando múltiples campos, seleccione un campo de texto en la lista de Campos con nombre. Seleccione la opción Obligatorio si el campo debe contener algún dato. Elija una de las siguientes opciones Aceptar: Use Cualquier cosa si el campo es obligatorio pero no tiene que contener ningún tipo de dato determinado. (Si no está seleccionado Obligatorio, esta opción carece de sentido, es igual que si la acción Validar formulario no se hubiera adjuntado al campo). Use Dirección de correo electrónico para comprobar si el campo contiene un símbolo arroba (@). Use Número para comprobar que el campo contiene solamente caracteres numéricos. Use Número del para comprobar que el campo contiene solamente caracteres numéricos dentro de un rango determinado. Si está validando múltiples campos, repita los pasos 6 y 7 para cada uno de los campos que desee validar. Haga clic en Aceptar. Si está validando múltiples campos cuando el usuario envía el formulario, en el menú emergente Eventos aparecerá automáticamente el evento onSubmit. Si está validando campos individuales, compruebe que el evento predeterminado sea onBlur u onChange. En caso de que no lo sea, seleccione onBlur o onChange en el menú desplegable Eventos. Cualquiera de estos dos eventos desencadena la acción Validar formulario cuando el usuario abandona el campo. La diferencia entre ellos radica en que onBlur tiene lugar independientemente de que el usuario haya escrito algo en el campo, mientras que onChange tiene lugar sólo si el usuario ha cambiado el contenido del campo. El evento onBlur es preferible si ha configurado el campo como obligatorio.

practica 13

Las páginas webs no son solo permiten presentar documentos de forma más o menos atractiva al destinatario final, sino que también proporcionan elementos para interactuar con él. De esta manera el usuario final puede enviar su opinión de la página al autor, o realizar una compra en línea. Estos elementos se conocen como formularios y seguro que todos los habéis visto y utilizado alguna vez. Por ejemplo este sencillo foLos controles o cajas de texto permiten al usuario escribir texto en el formulario. Pueden ser cajas de una solo línea o cuadros de texto con varias líneas. Las primeras usan la etiqueta <INPUT> y pueden ser de texto simple (se ve lo que escribimos) o de tipo password (lo que escribimos es visto como una serie de asteriscos). rmularioPara que el usuario pueda marcar una de entre varias opciones podemos usar un campo INPUT de tipo RADIO. En nuestro ejemplo lo hemos usado:
xisten dos clases e botones: uno que se utiliza para poner en marcha la operación indicada por ACTION (botones submit) y otro que sirve para resetear el formulario borrando el contenido de todos los controles:

Son controles parecidos a los campos de opciones pero que no van agrupados, o sea no son excluyentes, Sirven para que el usuario coloque una marca de si o no (verdadero o falso, marcado o no marcado). Lo podremos conseguir por medio de controles de confirmación:

<INPUT NAME="Opina" TYPE=CHECKBOX>¿Te gusta el curso?

¿Te gusta el curso?

Si queremos que el control esté activado por defecto le añadiremos el parámetro CHECKED.

arriba

Campos ocultos

Mediante un formulario podemos también enviar datos al programa encargado de procesarlo. Esto se realiza mediante los llamados campos ocultos, que son campos INPUT de tipo HIDDEN, y se llaman así porque no se ven en la página web, o sea, el usuario no los ve a menos que se mete en la vista de código de la página, digo esto poruqe no vayamos a pensar que con estos campos podemos pasar información privada mediante los formularios. El código para este tipo de campos es algo como esto: