Cómo validar el botón de radio usando JavaScript

Un botón de radio es un tipo de elemento gráfico o icono que permite al usuario seleccionar una opción/elección de un conjunto de opciones. Los desarrolladores validan los botones de radio para garantizar que el usuario haya seleccionado una opción antes de enviar el formulario. Supongamos que no se verifica ninguna opción e intenta enviar el formulario. En ese escenario, se lanzará un error. Puede ayudar a mejorar la experiencia del usuario alertando al usuario para mostrar errores al enviar formularios sin seleccionar la opción en los botones de radio.

Esta publicación demostrará el procedimiento para validar los botones de radio en JavaScript.

Cómo validar el botón de radio usando JavaScript?

Utilizar el "comprobadoPropiedad del elemento del botón de radio para validar un botón de radio usando JavaScript. Da un valor booleano "verdadero"Si el botón de radio se selecciona/verifica, si da"FALSO", Significa que el botón de radio es"Sin revisar".

Sintaxis

La siguiente sintaxis se usa para validar si se verifica el botón de radio:

radioobjeto.comprobado

Ejemplo

En el siguiente ejemplo, veremos la validación del botón de radio en dos pasos:

• Crear botones de radio en forma
• Validar los botones de radio

Paso 1: Crear botones de radio en forma

Cree un formulario con botones de radio que permita seleccionar la opción para aprender el idioma específico. Adjunta "al hacer clic"Evento con el botón Enviar que llama al"validación()" función:

Seleccione el idioma que desea aprender


Html

CSS

Javascript

Nodejs

Paso 2: Validar el botón de radio

Defina una función "validación"Eso se activará con el clic del botón Enviar para verificar si alguna opción está seleccionada o no:

Validación de funciones ()

lenguaje var = documento.forma.lang;
para (var i = 0; i < language.length; i++)
if (idioma [i].comprobado)
romper;


if (i == lenguaje.longitud)
documento de regreso.getElementById ("Error").innerhtml = "por favor verifique cualquier botón de radio";

documento de regreso.getElementById ("Error").innerhtml = "Opción seleccionada" + (i + 1);

En el fragmento anterior:

• Primero, obtenga todos los botones de radio utilizando el nombre asignado con la ayuda de "forma.lang".
• Luego, itere los botones de radio hasta su longitud y verifique si el botón está marcado o no, usando el "comprobado" propiedad.
• Si se marcan los botones de radio, rompa el bucle.
• Si no se seleccionan ninguno de los botones, muestre un mensaje de error "Verifique cualquier botón de radio".

Producción

Eso se trata del botón de radio de validación en JavaScript.

Conclusión

Para validar el botón de radio en JavaScript, utilice el "comprobado" propiedad. Comprobará si el botón está seleccionado o no y ofrece un valor booleano en las condiciones marcadas o no verificadas. Esta publicación demostró el procedimiento para validar los botones de radio en JavaScript.