Ir para conteúdo

POWERED BY:

Arquivado

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

Gilberto Jr

[Resolvido] Validação de formulario com Radio

Por , em Javascript

Recommended Posts

Gilberto Jr    26

Gilberto Jr
Postado

Pessoal tem como vcs verem onde eu estou errado o codigo.

 

Eu tenho um formulário onde ele é composto por input type="radio" e eu preciso validar este formulário para que as informações não seja enviadas quando nenhuma opção foi escolhida.

 

Segue abaixo o codigo do form

 

<form id="voto" name="voto" method="post" action="enviavoto.asp" onsubmit="return validar()">

<input name="vt" id="vt" type="radio" value="1" />
<input type="submit" value="Enviar"/>

</form>

Segue abaixo o código javascript para vocês verem o que esta errado nele:

<script language="javascript" type="text/javascript">
	function validar()
		{
			if(document.voto.vt.value!="checked")
			{
				alert("Selecione pelo uma banda")
				return false
			}
			else
			{
				alert("Seu voto foi salvo com sucesso")
				return true
			}
			return true
		}

</script>

Usando este código acima do javascript se eu clicar no botão e não tiver nada marcado ele aparece a mensagem de alerte e mesmo eu marcando uma um radio ele continua aparecendo a mensagem de alerte e não deixa passar para salvar o voto.

 

Mais uma vez fico grato a vocês

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado

Para validar inputs do tipo radio, é necessário criar um loop e percorrer todas as opções para ver qual delas foi selecionada.

 

O código abaixo mostra um exemplo de como fazer. Copie e teste em seu editor HTML:

<html>
<head>
<script type="text/javascript">
function validaForm(){
var objRadio = document.forms["frmTeste"].elements["optTeste"];


var checado = false;
var valor;

	//Validando radios, percorrendo todos para ver qual está selecionado:
	for (var i=0; i<objRadio.length; i++) {
		if (objRadio[i].checked == true) {
			checado = true;
			valor = objRadio[i].value;
		}
	}        
    
	if (checado == true) {
          alert("Parabéns! Você selecionou o time: "+valor);     
    }else{
          alert("Por favor selecione uma opção!");
          return false;
   }
}
</script>
<form name="frmTeste" action="pagina.htm" method="post" onsubmit="return validaForm()">
Selecione um time:
<br><input type="radio" name="optTeste" value="Palmeiras">Palmeiras
<br><input type="radio" name="optTeste" value="Botafogo">Botafogo
<br><input type="radio" name="optTeste" value="Santos">Santos
<br><input type="radio" name="optTeste" value="Flamengo">Flamengo
<br><input type="radio" name="optTeste" value="Vitória">Vitória
<br><br>
<input type="submit" value="OK">
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito