Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Paulo Vinícius Matos

Validação de Radio buttons

Recommended Posts

function validacao_enquete(form) {

if (val_enquete(form.enquete.value) {

alert("Selecione uma das opções");

form.enquete.focus();

return false;

}





function val_enquete(enquete) {

var x = document.getElement("alternativas");

var opcao = x.getElementsByTagName("input");

for (var i = 0; i < opcao.length; i++) {

if (opcao.value == "") {

return true;

}

}

}

}



Porém não estou conseguindo validar, qual o erro do meu código?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Segue um exemplo simples, faça o ajuste conforme necessita.

 

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<style type="text/css">
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function(){
 
$("#submit").click(function(){
 
if($("[name='esporte']").is(":checked") == false){
alert("Você não selecionou nenhum esporte");
return false
}
 
if($("[name='sexo']").is(":checked") == false){
alert("Você não selecionou nenhum sexo");
return false
}
 
});
});
</script>
</head>
 
<body>
ESPORTE<br />
Futebol <input type="radio" name="esporte" value="Futebol" />
Natação <input type="radio" name="esporte" value="Natação" />
Basquete <input type="radio" name="esporte" value="Basquete" />
<br /><br />
 
SEXO<br />
Masculino <input type="radio" name="sexo" value="M" />
Feminino <input type="radio" name="sexo" value="F" />
 
 
 
<br /><br /><br />
<input type="button" value="Verificar" id="submit" />
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites
//Validação das opções da enquete//
function validar() {

    if ($("[name='enquete']").is(":checked") == false) {
        alert("Você não selecionou nenhuma opção!");
        return false
    } else {
		return true
	}
}

 

Bem, fiz a utilização do seu código. Foi de ótima serventia. No meu caso, ficou dessa forma (Com algumas pequenas alterações.).

 

[]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.