Cómo realizar la validación simple de la casilla de verificación JavaScript

En varios sitios web, una caja de forma cuadrada llamada "caja"Parece aceptar todos los términos y condiciones antes de enviar un formulario. Del mismo modo, las casillas de verificación se utilizan en formas específicas de recopilación de información, como encuestas, para obtener las opiniones de los usuarios. La validación de las casillas de verificación ayuda a garantizar que la casilla de verificación esté marcada o marcada. Será útil mejorar la experiencia del usuario alertando al usuario sobre cualquier error en el formulario antes de que se envíen.

Esta publicación definirá el procedimiento para validar la casilla de verificación en JavaScript.

Cómo realizar la validación simple de la casilla de verificación JavaScript?

Para realizar la validación de la casilla de verificación, use el "comprobadoPropiedad del elemento de casilla de verificación. Si se verifica la casilla de verificación, da "verdadero"De lo contrario, regresa"FALSO" Para el "Sin revisar"Casilla de verificación.

Ejemplo

Cree una casilla de verificación en el formulario y envíela marcando o revisando la casilla de verificación. Si intenta enviar el formulario sin verificar la casilla de verificación (aceptar los términos y condiciones), lanzará un error y el formulario no se enviará:

Acepto todos los términos y condiciones

Defina una función "validación()"Para validar la casilla de verificación mostrando un mensaje de error al enviar el formulario sin marcar la casilla de verificación:

Validación de funciones ()

casilla de verificación var = documento.getElementById ("aceptar");
si (!caja.comprobado)
documento.getElementById ("Error").innerhtml = "Debe aceptar los términos y condiciones verificando la casilla de verificación";
falso retorno;

documento.getElementById ("Error").innerhtml = "gracias ...";
devolver verdadero;

En el código anterior:

• Primero, obtenga la referencia de la casilla de verificación con su ID.
• Luego, verifique si la casilla de verificación está marcada/marcada utilizando el "comprobado" propiedad.
• Si la casilla de verificación no está marcada, muestre un mensaje de error y solicite marcar la casilla de verificación para enviar el formulario.

También puede usar la sintaxis a continuación para verificar si la casilla de verificación está marcada:

if (casilla de verificación.marcado == falso)

Producción

Hemos proporcionado el método más simple para validar la casilla de verificación en JavaScript.

Conclusión

Para realizar una validación simple de JavaScript de la casilla de verificación, utilice el "comprobado" propiedad. Comprobará si la casilla de verificación está marcada/marcada dando el valor booleano en las condiciones marcadas o no verificadas. Esta publicación describió el procedimiento para validar las casillas de verificación en JavaScript.