Cómo hacer un cuadro de selección deseado en un formulario de correo electrónico

Si la página Web contiene un formulario de correo electrónico, es posible que desee evitar que los usuarios de enviarlo hasta que realicen ciertas tareas. Una tarea común es el control de una casilla de verificación. Usted ha visto probablemente los sitios que requieren que usted está de acuerdo con algunos términos marcando una casilla de verificación. Hasta hace eso, no se puede enviar el formulario. HTML por sí sola no puede decir si existe una marca de verificación dentro de una casilla de verificación. Debe utilizar un lenguaje de script para realizar esta tarea. Mediante la adición de un evento "onsubmit" a su formulario de correo electrónico, puede evitar el envío de formularios hasta que los usuarios revisar su casilla de verificación.

Instrucciones

1 Poner en marcha un editor HTML y abrir un documento Web que tiene un formulario de correo electrónico. Localizar el código HTML de la forma. Probablemente será similar al código que se muestra a continuación:

<Form name = "emailForm" action = "processForm.php"

method = "post">

Nombre: <input type = "text" name = "nombre">

Dirección de correo electrónico: <input type = "text" name = "emailAddress">

<Input type = "submit" value = "Enviar correo electrónico">

</ Form>

La etiqueta de apertura "<form", que se muestra en la línea 1, define la forma. El cierre "</ form>" etiqueta pone fin a dicho formulario. Pega el siguiente texto después del cierre "</ form>" tag:

<Input id = "CheckBox1" type = "checkbox" />

Esto añade una casilla de verificación cuyo ID es "CheckBox1."

2 Modificar la apertura etiqueta "<form" añadiendo el siguiente texto al final de la declaración de la etiqueta:

onsubmit = "volver ValidateForm ( 'CheckBox1')"

Este atributo "onsubmit" indica a los navegadores a llamar a la función JavaScript denominada "ValidateForm" antes de enviar el formulario. Este atributo pasa el ID de la casilla de verificación que desea validar. Después de anexar este texto para la apertura de su forma de etiquetas "<form", puede aparecer el código de esa etiqueta como se muestra a continuación:

<Form name = "emailForm" action = "processForm.php"

method = "post" onsubmit = "volver ValidateForm ( 'CheckBox1')">

3 Añadir esta función "ValidateForm" a la sección "guión" de su documento:

función ValidateForm (checkboxID) {

var casilla = document.getElementById (checkboxID);

si (checkbox.checked == false) {

alert ( "Por favor marque la casilla de verificación");

falso retorno;

}

más

return true;

}

Esta función, llamada por evento "onsubmit" de la forma, examina el estado "marcada" de la casilla de verificación. Si se descubre que el estado de verificación es falsa, se muestra un mensaje de error y le pedirá al usuario que coloque una marca en la casilla de verificación. De lo contrario, la función devuelve un valor "verdadero" a la forma.

4 Guarde el documento y abrirlo en un navegador. Haga clic en el botón de la forma de presentar sin colocar una marca de verificación en la casilla de verificación. La función de validación se ejecuta y muestra el "Por favor, coloque una marca en la casilla de verificación" mensaje.

5 Haga clic en la casilla de verificación para añadir una marca de verificación en la casilla de verificación y haga clic en el botón de nuevo. La página presenta su formulario de correo electrónico.

Consejos y advertencias

• Tenga en cuenta que el valor de ID se pasa a la función "ValidateForm" debe ser el mismo que el ID de la casilla de verificación que desea verificar. La función de las necesidades de esa identificación con el fin de examinar su estado de activación.