Início > jQuery, JS > Validação de Checkbox e Radio Buttons

Validação de Checkbox e Radio Buttons

No projeto do Escola & Universidade temos um formulário onde o name dos checkbox formam um array com todos os checkbox selecionados, a condição de validação é que pelo menos 1 deve ser selecionado.
Fizemos a validação da seguinte maneira.

if(jQuery('input[type=checkbox][name=chkPeuP1_1[]]:checked').length == 0){
mensagem += msgRespostaVaziaP1_1Orientador;
}

onde name=chkPeuP1_1[] é o name do seu input.

para o radiobutton a lógica é a mesma:

if(!jQuery('input[type=radio][name=rdbPeu2_1]:checked').val()){
alert('Quanto ao BOLSISTA, é necessário responder a pergunta 1.');
}

onde name=rdbPeu2_1 é o name do seu radiobutton.

Neste mesmo formulário tem um checkbox “outros” e ao lado temos um input text para o usuário escrever a descrição de outros.
A condição para validação deste campo é que o campo de descrição só pode estar ativo quando o usuário clicar no checkbox “outros”, e quando desmarcar o checkbox “outros”, o campo “descricao” deve estar desabilitado.
Fizemos na seguinte maneira.


jQuery("#txtPeuP1_2R7Outros").attr("disabled", true); // Campo outros vem desabilitado por padrão.

jQuery("#chkPeuP1_2R7").click(function(){ // quando clicar no checkbox
if(jQuery('#chkPeuP1_2R7').is(':checked')){ // se estiver checkado
jQuery("#txtPeuP1_2R7Outros").removeAttr("disabled"); // habilita o campo
}
else{ // se não estiver checkado
jQuery("#txtPeuP1_2R7Outros").attr("disabled", true); // desabilita o campo outros
}
});

  1. ZéCoquinho
    09/07/2014 às 6:04 PM

    Obrigado, ajudou! =D

  1. No trackbacks yet.

Deixe uma Resposta

Preencha os seus detalhes abaixo ou clique num ícone para iniciar sessão:

Logótipo da WordPress.com

Está a comentar usando a sua conta WordPress.com Terminar Sessão / Alterar )

Imagem do Twitter

Está a comentar usando a sua conta Twitter Terminar Sessão / Alterar )

Facebook photo

Está a comentar usando a sua conta Facebook Terminar Sessão / Alterar )

Google+ photo

Está a comentar usando a sua conta Google+ Terminar Sessão / Alterar )

Connecting to %s

%d bloggers like this: