Validar radio buttons com jQuery

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.

3 ideias sobre “Validar radio buttons com jQuery

  1. 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
    :D

  2. 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
    });