[Resolvido] Validar seleção de botão tipo "radio"

[kathyerafa 0]

Olá, tenho um produto a venda, mas anes de comprar a pessoa precisa escolher a cor, como faço para verificar se tem uma cor selecionada? E se não tiver, como coloco um alerta do tipo: Selecione uma opção?

Meu codigo é o seguinte

<form target="pagseguro" action="https://pagseguro.uol.com.br/security/webpagamentos/webpagto.aspx" method="post">			<input type="hidden" name="email_cobranca" value="vendas@estacaodarte.com.br">			<input type="hidden" name="tipo" value="CBR">			<input type="hidden" name="moeda" value="BRL">			<input type="hidden" name="item_id" value="000">		  <input name="item_descr" type="radio" value="Porduto | 001" />			001 - Verde Escuro, Verde Bandeira, Verde, Verde Claro, Branco<br>			<input name="item_descr" type="radio" value="Porduto | 002" />			002 - Vermelho, Rosa, Pink, Violeta, Azul Profundo<br>			<input name="item_descr" type="radio" value="Porduto | 003" />			003 - Azul Claro, Azul Celeste, Jeans, Azul Oceanic, Marinho<br>			<input name="item_descr" type="radio" value="Porduto | 004" />			004 - Branco, Bege, Ocre, Cinza, Preto<br>			<input name="item_descr" type="radio" value="Porduto | 005" />			005 - Ab&oacute;bora, Laranja Amarelo, Salm&atilde;o, Marrom<br>			<input name="item_descr" type="radio" value="Porduto | 006" />			006 - Branco, Laranja, Verde, Vermelho, Jeans<br>			<input name="item_descr" type="radio" value="Porduto | 007" />			007 - Preto, Violeta, Cinza, Azul Oceanic, Verde Bandeira<br>			<input name="item_descr" type="radio" value="Porduto | 008" />			008 - Azul Profundo, Celeste, Verde Escuro, Ocre, Ab&oacute;bora<br>			<input name="item_descr" type="radio" value="Porduto | 009" />			009 - Verde Claro, Azul Marinho, Pink, Salm&atilde;o, Marrom<br>			<input name="item_descr" type="radio" value="Porduto | 010" />		  010 - Rosa, Bege, Azul Claro, Amarelo, Branco<br>		  <p align="right">		  <input type="hidden" name="item_descr2" value="Fitas 3mm">		  <input type="hidden" name="item_quant" value="1">		  <input type="hidden" name="item_valor" value="306">		  <input type="hidden" name="frete" value="0">		  <input type="hidden" name="peso" value="0">		  <input type="image" src="https://pagseguro.uol.com.br/Security/Imagens/btnComprarBR.jpg" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!">		  <p align="right"><br>		  </p>		  </form>

Muito obrigada e desculpem minha ignorancia..

 

Desculpem o código assim.. http://forum.imasters.com.br/public/style_emoticons/default/natal_sad.gif eh q sou nova aqui, não sei usar direito ainda

arrumando:

<form target="pagseguro" action="https://pagseguro.uol.com.br/security/webpagamentos/webpagto.aspx" method="post">
			<input type="hidden" name="email_cobranca" value="vendas@estacaodarte.com.br">
			<input type="hidden" name="tipo" value="CBR">
			<input type="hidden" name="moeda" value="BRL">
			<input type="hidden" name="item_id" value="000">
		  <input name="item_descr" type="radio" value="Porduto | 001" />
			001 - Verde Escuro, Verde Bandeira, Verde, Verde Claro, Branco<br>
			<input name="item_descr" type="radio" value="Porduto | 002" />
			002 - Vermelho, Rosa, Pink, Violeta, Azul Profundo<br>
			<input name="item_descr" type="radio" value="Porduto | 003" />
			003 - Azul Claro, Azul Celeste, Jeans, Azul Oceanic, Marinho<br>
			<input name="item_descr" type="radio" value="Porduto | 004" />
			004 - Branco, Bege, Ocre, Cinza, Preto<br>
			<input name="item_descr" type="radio" value="Porduto | 005" />
			005 - Abóbora, Laranja Amarelo, Salmão, Marrom<br>
			<input name="item_descr" type="radio" value="Porduto | 006" />
			006 - Branco, Laranja, Verde, Vermelho, Jeans<br>
			<input name="item_descr" type="radio" value="Porduto | 007" />
			007 - Preto, Violeta, Cinza, Azul Oceanic, Verde Bandeira<br>
			<input name="item_descr" type="radio" value="Porduto | 008" />
			008 - Azul Profundo, Celeste, Verde Escuro, Ocre, Abóbora<br>
			<input name="item_descr" type="radio" value="Porduto | 009" />
			009 - Verde Claro, Azul Marinho, Pink, Salmão, Marrom<br>
			<input name="item_descr" type="radio" value="Porduto | 010" />
		  010 - Rosa, Bege, Azul Claro, Amarelo, Branco<br>
		  <p align="right">
		  <input type="hidden" name="item_descr2" value="Fitas 3mm">
		  <input type="hidden" name="item_quant" value="1">
		  <input type="hidden" name="item_valor" value="306">
		  <input type="hidden" name="frete" value="0">
		  <input type="hidden" name="peso" value="0">
		  <input type="image" src="https://pagseguro.uol.com.br/Security/Imagens/btnComprarBR.jpg" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!">
		  <p align="right"><br>
		  </p>
		  </form>

[andreia_sp 1]

Ainda nao da pra entender teu codigo, mas a logica é fazer uma validação (que pode ser no botão de submit)

Nessa validação, você verifica se o combo (creio q as cores estejam dentro de um) tem algum value, se estiver vazio entao exiba a mensagem de que o usuario precisa preencher.

[kathyerafa 0]

Olá, muito obrigada pela atenção.. http://forum.imasters.com.br/public/style_emoticons/default/natal_smile.gif

Mas não tem um botão submit, esse código é de um site de pagamento (a pessoa compra no meu site e é redirecionada a esse) e estou tentando modificá-lo para essa seleção de cor. O atendente do site me falou q eu devo colocar a minha validação no meu código, não dentro do formulário deles, mas mesmo assim não sei como fazer..=/

 

Desculpe pelo código indecifravel, não sei porque está acontecendo isso http://forum.imasters.com.br/public/style_emoticons/default/natal_sad.gif

Vou tentar novamente.

<form target="pagseguro" action="https://pagseguro.uol.com.br/security/webpagamentos/webpagto.aspx" method="post">
			<input type="hidden" name="email_cobranca" value="vendas@estacaodarte.com.br">
			<input type="hidden" name="tipo" value="CBR">
			<input type="hidden" name="moeda" value="BRL">
			<input type="hidden" name="item_id" value="000">
		  <input name="item_descr" type="radio" value="Porduto | 001" />
			001 - Verde Escuro, Verde Bandeira, Verde, Verde Claro, Branco<br>
			<input name="item_descr" type="radio" value="Porduto | 002" />
			002 - Vermelho, Rosa, Pink, Violeta, Azul Profundo<br>
			<input name="item_descr" type="radio" value="Porduto | 003" />
			003 - Azul Claro, Azul Celeste, Jeans, Azul Oceanic, Marinho<br>
			<input name="item_descr" type="radio" value="Porduto | 004" />
			004 - Branco, Bege, Ocre, Cinza, Preto<br>
			<input name="item_descr" type="radio" value="Porduto | 005" />
			005 - Abóbora, Laranja Amarelo, Salmão, Marrom<br>
			<input name="item_descr" type="radio" value="Porduto | 006" />
			006 - Branco, Laranja, Verde, Vermelho, Jeans<br>
			<input name="item_descr" type="radio" value="Porduto | 007" />
			007 - Preto, Violeta, Cinza, Azul Oceanic, Verde Bandeira<br>
			<input name="item_descr" type="radio" value="Porduto | 008" />
			008 - Azul Profundo, Celeste, Verde Escuro, Ocre, Abóbora<br>
			<input name="item_descr" type="radio" value="Porduto | 009" />
			009 - Verde Claro, Azul Marinho, Pink, Salmão, Marrom<br>
			<input name="item_descr" type="radio" value="Porduto | 010" />
		  010 - Rosa, Bege, Azul Claro, Amarelo, Branco<br>
		  <p align="right">
		  <input type="hidden" name="item_descr2" value="Fitas 3mm">
		  <input type="hidden" name="item_quant" value="1">
		  <input type="hidden" name="item_valor" value="306">
		  <input type="hidden" name="frete" value="0">
		  <input type="hidden" name="peso" value="0">
		  <input type="image" src="https://pagseguro.uol.com.br/Security/Imagens/btnComprarBR.jpg" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!">
		  <p align="right"><br>
		  </p>
		  </form>

[Luizgrs 0]

Para evitar que haja essa validação você pode escolher um valor e já deixar ele marcado por padrão.

 

Mas se você quiser fazer a verificação você pode fazer assim:

var frm = document.getElementById('formID')
var x, marcado = false;
for(x= 0; x < frm.elements.length;x++){
	if(frm.elements[x].type == 'radio'){
		  if(frm.elements[x].checked){
			  marcado = true;
			  break;
		  }
	}
}

Daí você verifica o valor da variável marcado.

[kathyerafa 0]

muito obrigada pela ajuda...ms ainda estou meio perdida..

eu devo colocar isso em q lugar do código?

Muito Obrigada mesmo!

[Luizgrs 0]

Eu preferiria optar pela opção mais fácil que é adicionar a propriedade checked em somente um radio button.

<input type="radio" checked="checked" />

Assim um botão já começaria selecionado e como não tem como o usuário desmarcar (somente mudar para outro radio button) já fica obrigatória essa opção.

[kathyerafa 0]

eh..acho que vou fazer isso mesmo.

Obrigada!