Como validar o botão de rádio usando JavaScript

Um botão de rádio é um tipo de elemento gráfico ou ícone que permite ao usuário selecionar uma opção/escolha de um conjunto de opções. Os desenvolvedores validam os botões de rádio para garantir que o usuário tenha selecionado uma opção antes de enviar o formulário. Suponha que nenhuma opção seja verificada e você tenta enviar o formulário. Nesse cenário, um erro será lançado. Pode ajudar a melhorar a experiência do usuário alertando o usuário para mostrar erros ao enviar formulários sem selecionar a opção nos botões de rádio.

Este post demonstrará o procedimento para validar os botões de rádio em JavaScript.

Como validar o botão de rádio usando JavaScript?

Use o "verificado”Propriedade do elemento do botão de rádio para validar um botão de rádio usando JavaScript. Dá um valor booleano “verdadeiro”Se o botão de rádio for selecionado/verificado, se ele fornecer“falso", Isso significa que o botão de rádio é"não checado”.

Sintaxe

A sintaxe a seguir é usada para validar se o botão de rádio está verificado:

RadioObject.verificado

Exemplo

No exemplo a seguir, veremos a validação do botão de rádio em duas etapas:

• Crie botões de rádio em forma
• Validar botões de rádio

Etapa 1: Crie botões de rádio em forma

Crie um formulário com botões de rádio que permita selecionar a opção para aprender o idioma específico. Anexe o “ONCLICK”Evento com o botão Enviar que chama o“validação()”Função:

Selecione o idioma que deseja aprender


Html

CSS

JavaScript

Nodejs

Etapa 2: Validar o botão de rádio

Defina uma função “validação”Isso acionará o clique do botão Enviar para verificar se alguma opção está selecionada ou não:

função validation ()

Var Language = documento.forma.Lang;
para (var i = 0; i < language.length; i++)
if (idioma [i].verificado)
quebrar;


if (i == idioma.comprimento)
Documento de retorno.getElementById ("erro").INNERHTML = "Verifique qualquer botão de rádio";

Documento de retorno.getElementById ("erro").inerhtml = "Você seleciona opção" + (i + 1);

No trecho acima:

• Primeiro, obtenha todos os botões de rádio usando o nome atribuído com a ajuda de “forma.Lang”.
• Em seguida, itera os botões de rádio até o seu comprimento e verifique se o botão é verificado ou não, usando o “verificado" propriedade.
• Se algum botão de rádio for verificado, quebre o loop.
• Se nenhum dos botões estiver selecionado, mostre uma mensagem de erro “Por favor, verifique qualquer botão de rádio”.

Saída

É tudo sobre o botão de rádio validador em JavaScript.

Conclusão

Para validar o botão de rádio em JavaScript, utilize o “verificado" propriedade. Ele verificará se o botão é selecionado ou não e fornece um valor booleano nas condições verificadas ou desmarcadas. Este post demonstrou o procedimento para validar os botões de rádio em JavaScript.