Como executar a validação simples da caixa de seleção JavaScript

Em vários sites, uma caixa de forma quadrada chamada A “Caixa de seleção”Parece aceitar todos os termos e condições antes de enviar um formulário. Da mesma forma, as caixas de seleção são usadas em formas específicas de coleta de informações, como pesquisas, para obter as opiniões dos usuários. A validação das caixas de seleção ajuda a garantir que a caixa de seleção seja marcada ou verificada. Será útil melhorar a experiência do usuário alertando o usuário sobre quaisquer erros no formulário antes de serem enviados.

Esta postagem definirá o procedimento para validar a caixa de seleção em JavaScript.

Como executar a validação simples da caixa de seleção JavaScript?

Para executar a validação da caixa de seleção, use o “verificado”Propriedade do elemento da caixa de seleção. Se a caixa de seleção estiver verificada, ela fornecerá “verdadeiro"Else, ele retorna"falso" para o "não checado"Caixa de seleção.

Exemplo

Crie uma caixa de seleção no formulário e envie -o marcando ou verificando a caixa de seleção. Se você tentar enviar o formulário sem verificar a caixa de seleção (aceitando os termos e condições), ele lançará um erro e o formulário não será enviado:

Eu aceito todos os termos e condições

Defina uma função “validação()”Para validar a caixa de seleção, mostrando uma mensagem de erro ao enviar o formulário sem marcar a caixa de seleção:

função validation ()

Caixa de seleção var = documento.getElementById ("aceitar");
se (!Caixa de seleção.verificado)
documento.getElementById ("erro").INNERHTML = "Você deve aceitar os termos e condições verificando a caixa de seleção";
retorna falso;

documento.getElementById ("erro").innerhtml = "obrigado ...";
retornar true;

No código acima:

• Primeiro, obtenha a referência da caixa de seleção usando seu ID.
• Em seguida, verifique se a caixa de seleção está marcada/marcada utilizando o “verificado" propriedade.
• Se a caixa de seleção não estiver marcada, mostre uma mensagem de erro e peça para marcar a caixa de seleção para enviar o formulário.

Você também pode usar a sintaxe abaixo para verificar se a caixa de seleção está marcada:

if (caixa de seleção.verificado == false)

Saída

Fornecemos o método mais simples para validar a caixa de seleção em JavaScript.

Conclusão

Para realizar a validação simples de JavaScript da caixa de seleção, utilize o “verificado" propriedade. Ele verificará se a caixa de seleção está marcada/marcada, dando o valor booleano nas condições verificadas ou desmarcadas. Este post descreveu o procedimento para validar as caixas de seleção em JavaScript.