Radio Group

AlexSandroJAP · Julho 27, 2009

Olá, fiz um formulario que estou validando e mascarando uma boa parte com jquery. Mas tem uma outra validacao que vou precisar fazer na unha. Porem o mais simples eu nao estou conseguindo fazer que é descobrir se tem algum item selecionado e qual na hora que o usuario clicar para enviar o formulario, pois ai irei fazer a validacao.

<html> 
<head> 
  <script language="JavaScript"> 
    function validaApenasValorContribuicao() 
    { 
      f = document.formRadio; 
       //Do que eu consegui encontrar na net isso é pra dizer, mas nao diz... 
      alert(f.radio.ItemIndex); 
    } 
  </script> 
</head> 
<body> 
<form id="formRadio" name="formRadio" method="post" action="" onsubmit="return validaApenasValorContribuicao();"> 
  <p> 
    <label> 
      <input type="radio" name="GrupoRadio" value="radio" id="GrupoRadio_0" /> 
      Radio 1</label> 
    <br /> 
    <label> 
      <input type="radio" name="GrupoRadio" value="radio" id="GrupoRadio_1" /> 
      Radio 2</label> 
    <br /> 
    <label> 
      <input type="radio" name="GrupoRadio" value="radio" id="GrupoRadio_2" /> 
      Radio 3</label> 
    <label> 
    <input type="submit" name="botao" id="botao" value="Submit" /> 
    </label> 
    <br /> 
  </p> 
</form> 
</body> 
</html>

Valeu, abraços

klonder · Julho 27, 2009

Você poderia ter pesquisado primeiro antes de abrir um tópico com uma dúvida que já foi respondida várias vezes, com o tema: validação de checkboxes e radiobuttons!!!

De qualquer maneira, você pode testar os códigos nos links:

http://forum.imasters.com.br/index.php?/topic/315845-verificar-radio/

http://forum.imasters.com.br/index.php?/topic/329946-resolvido%26nbsp%3Bfunca-pra-pegar-valores-de-varios-radio/

AlexSandroJAP · Julho 27, 2009

Obrigado. Mas continuo com problema. A situação é a seguinte, tenho um grupo de radio buttons no form que sao para escolher valores de doacao. Os primeiros radios tem valores fixos, mas o ultimo radio quando marcado ativa um input para a pessoa digitar um outro valor. Ex. 1a.Opcao $10, 2a.Opcao $20, 3a.Opcao $30 e 4a.Opcao libera o input e a pessoa digita um valor.

Preciso validar se um dessas opcoes foram escolhidas e se a escolhida for a opcao 4, que o valor seja maior que zero.

Este form esta sendo validado por JQuery. E ai que complica, pois ja fiz tudo que eu sabia para aplicar essa logica e nao consigo. Estive tentando fazer uma function e validar no submit do form, mas ele apenas informa (alert) mas nao bloqueia o envio do form em razao do jquery validate.

<script type="text/javascript">
    $(document).ready(function()
	{
      //Mascaras
	  $("#cpf").mask("999.999.999-99");
	  $("#telefone").mask("(99) 9999-9999");
	  $("#celular").mask("(99) 9999-9999");
      $("#cep").mask("99.999-999");

	  $('#valorespontaneo').priceFormat(
	  {
        prefix: '',
        centsSeparator: ',',
        thousandsSeparator: '.',
		limit: 7,
		centsLimit: 2
      });

      //Validação
      $("#formsejacolaborador").validate(
	  {
        rules: {
          nome: {required: true},
		  cpf: {required: true, cpf: true},
		  telefone: {required: true},
		  celular: {notEqual: "#telefone"},
		  endereco: {required: true},
		  numero: {required: true},
		  bairro: {required: true},
		  cidade: {required: true},
		  estado: {required: true},
		  cep: {required: true},
		  email: {required: false, email: true}
        },
        messages: {
		  nome: {required: 'Preenchimento Obrigatório'},
		  cpf: {required: 'Preenchimento Obrigatório', cpf: 'CPF Inválido!'},
		  telefone: {required: 'Preenchimento Obrigatório'},
		  celular: {notEqual: 'Opcional. Mas deve ser diferente do "Telefone"'},
		  endereco: {required: 'Preenchimento Obrigatório'},
		  numero: {required: 'Preenchimento Obrigatório'},
		  bairro: {required: 'Preenchimento Obrigatório'},
		  cidade: {required: 'Preenchimento Obrigatório'},
		  estado: {required: 'Preenchimento Obrigatório'},
		  cep: {required: 'Preenchimento Obrigatório'},
		  email: {required: 'Preenchimento Opcional', email: 'Opcional. Mas precisa ser válido'}
        }
      });
    });
  </script>

<form id="formsejacolaborador" name="formsejacolaborador" method="post" action="enviaemailsejacolaborador.php">
  <label>Nome completo</label> 
  <label><input name="nome" type="text" id="nome" size="46"></label>
  <label>CPF</label> 
  <label><input name="cpf" type="text" id="cpf" size="30" /></label>
  <label>Telefone</label> 
  <label><input name="telefone" type="text" id="telefone" size="30" /></label>
  <label>Celular</label> 
  <label><input name="celular" type="text" id="celular" size="30" />*</label>
  <label>Endereço</label> 
  <label><input name="endereco" type="text" id="endereco" size="30"></label>
  <label>Número</label> 
  <label><input name="numero" type="text" id="numero" size="30"></label>
  <label>Complemento</label> 
  <label><input name="complemento" type="text" id="complemento" size="30">*</label>
  <label>Bairro</label> 
  <label><input name="bairro" type="text" id="bairro" size="30"></label>
  <label>Cidade</label> 
  <label><input name="cidade" type="text" id="cidade" size="30"></label>
  <label>Estado</label> 
  <label><select name="estado" id="estado">
    <option selected="selected"></option>
    <option>SP</option>
    <option>AC</option>
    <option>AL</option>
    <option>AM</option>
    <option>AP</option>
    <option>BA</option>
    <option>CE</option>
    <option>DF</option>
    <option>ES</option>
    <option>GO</option>
    <option>MA</option>
    <option>MG</option>
    <option>MS</option>
    <option>MT</option>
    <option>PA</option>
    <option>PB</option>
    <option>PE</option>
    <option>PI</option>
    <option>PR</option>
    <option>RJ</option>
    <option>RN</option>
    <option>RO</option>
    <option>RR</option>
    <option>RS</option>
    <option>SC</option>
    <option>SE</option>
    <option>TO</option>
  </select></label>
  <label>CEP</label> 
  <label><input name="cep" type="text" id="cep" size="30" /></label>
  <label>E-mail</label> 
  <label><input name="email" type="text" id="email" size="46">*</label>
  <label>Observação</label> 
  <label><textarea name="observacao" id="observacao" cols="35" rows="4"></textarea>*</label>
  <label>Valor Contribuição Mensal</label> 
  <p>
    <label><input type="radio" name="valor" value="R$ 20,00" onClick="espontaneo('d');">R$ 20,00</label>
    <br>
    <label><input type="radio" name="valor" value="R$ 30,00" onClick="espontaneo('d');">R$ 30,00</label>
    <br>
    <label><input type="radio" name="valor" value="R$ 50,00" onClick="espontaneo('d');">R$ 50,00</label>
    <br>
    <label><input type="radio" name="valor" value="espontaneo" onClick="espontaneo('a');">R$</label>
      <label><input name="valorespontaneo" type="text" disabled="on" id="valorespontaneo" size="10"></label>
    <br>
  </p>
  <label><input type="submit" name="enviar" id="enviar" value="Enviar Ficha" /></label>
  <label><input type="reset" name="limpar" id="limpar" value="Limpar Formulário" /></label>
</form>

Entrar

Arquivado

Radio Group

Recommended Posts

AlexSandroJAP 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

klonder 14

Compartilhar este post

Link para o post

Compartilhar em outros sites

AlexSandroJAP 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

JAVA - Orientação para Invalidar Sessão

JAVA - Ajuda em Paginação

printf iniciante básico

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante