-
Cómo validar una casilla de verificación en HTML
-
Inserción de casillas de verificación en HTML es simple, pero la validación de ellos - es decir, en realidad asegurándose de que uno o más se ha comprobado - requiere un poco de trabajo adicional. Para ello, es necesario agregar un código separado para el código HTML. Esto hará que aparezca una alerta si las casillas de verificación no son válidos (el usuario se olvidó de marcar cualquiera de ellos). De lo contrario, su sitio no tendrá forma de saber si el formulario se ha llenado correctamente.Instrucciones
1 Abrir su código HTML en un editor de texto.
2 Inserte el siguiente en la sección de cabeza (entre <head> y </ head>). Este ejemplo tiene dos casillas de verificación:
<Script type = "javascript texto /" language = JavaScript>
checkCheckBoxes function () {
si (document.frmTest.CHKBOX1.checked == false &&
document.frmTest.CHKBOX2.checked == false &&)
{
alert ( 'MENSAJE DE ERROR!');
falso retorno;
}
más
{
return true;
}
}
</ Script>
3 Reemplazar "CHKBOX1" y "CHKBOX2" con los valores de sus casillas (a partir del código de diseño en su cuerpo HTML). Si usted tiene más de dos casillas de verificación, repetir la línea "document.frm ... &&" tantas veces como sea necesario.
4 Reemplazar "mensaje de error" con cualquier mensaje que desea mostrar si un usuario devuelve una forma inválida al no marcar ninguna casilla.
5 Desplazarse hacia abajo al cuerpo del código HTML, donde tiene su cheque código de cuadro de diseño.
6 Añadir los siguientes soportes de todo el código de comprobación de cuadro de diseño:
<Form onsubmit = "volver checkCheckBoxes ();" action = "" name = "frmTest">
...
</ Form>
7 Guarde el HTML. Ahora todas las casillas de verificación que haya creado serán validados cuando los usuarios intentan enviar su formulario.
