Existem por aí diversos plugins para a jQuery com a finalidade de validar formulários. Porém, hoje precisei apenas validar um grupo de radio buttons, e vi que não havia necessidade de tantos kbytes para este propósito.
Recorri ao Google, como de praxe, a procura de alternativas de como validar radio buttons com jQuery. Encontrei soluções complexas e muitas delas não exploravam todo o poder da jQuery. O que me levou a criar uma forma simples e prática de validar radio buttons com jQuery. Veja:
var boolValid = false;
$('#frm-forma-pg input:radio').each(function() {
if ( $(this).is(':checked') ) {
boolValid = true;
}
});
A solução é simples. Criei uma variável, boolValid, e defini seu valor como falso. Em seguida, selecionei todos os campos input do tipo radio, input:radio, que estão dentro de um determinado formulário. Utilizei o each para fazer um loop entre eles; dentro do loop utilizei o método is da jQuery para verificar se o campo foi selecionado (checked), se tiver sido, a variável boolValid ganha o valor verdadeiro.
O restante eu deixo com vocês, que preciso voltar ao trabalho. Lembre-se que esta solução pode ser modificada para tornar-se mais dinâmica e genérica. Como não precisei no momento, não me preocupei em criar algo do gênero.
ola leandro desculpe perturba
tipo tem um ideia de como eu posso bloqueia o submit do formulario
se o camarada aperta o botao submit sem preencher esse input radio ,no meu caso e so 2 radio que eu uso
obrigado
Tu pode mudar o evento submit do form pra false.
$(“form”).submit(function(){return false;})
ou ainda trabalhar com o event.preventDefault() no evento do próprio botão
$(“btnSubmit”).click(function(e){
e.preventDefault();
//validar e depois chamar o evento submit
});
Eu faço assim:
if ($(“input[type=radio][name=sexo]:checked”).val()) {return true;}