Ir para conteúdo

POWERED BY:

Arquivado

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

nicolasdezena

Validar Radio Button

Por , em Javascript

Recommended Posts

nicolasdezena    0

nicolasdezena
Postado

Galera, tudo bem?

 

Seguinte estou com o seguinte problema, não consigo validar o Radio Button, o mesmo aparece o alert falando para selecionar um porém envia para o bd pois estou usando ajax:

 

Para verem o formulario segue o link: http://formulariotelevendas.esy.es/teste/

 

Segue o código abaixo


<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<script type="text/javascript">
  
  function validar(dom,tipo){
  switch(tipo){
    case'num':var regex=/[A-Za-z]/g;break;
    case'text':var regex=/\d/g;break;
  }
  dom.value=dom.value.replace(regex,'');
}
</script>

   <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600' rel='stylesheet' type='text/css'>
   <link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
   
    
    
    <script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery('#ajax_form').submit(function(){
            var dados = jQuery( this ).serialize();
 
            jQuery.ajax({
                type: "POST",
                url: "envia.php",
                data: dados,
                success: function( data )
                {

                  

                    if(!jQuery('input[type=radio][name=motivo]:checked').val()){
                    alert('Selecione um motivo.');
                    }

                    else {                             
                                alert( "Dados enviados com sucesso" );
                                
                                $(':radio').each(function () {
                                $(this).prop({ checked: false })
                                
                                });
                        }
                    
                    
                }
            });
            
            return false;
        });
    });
    </script>   

   
    <script type="text/javascript">

$(document).ready(function () {
    $(".text").hide();
    $(".mostrar").click(function () {
        $(".text").show();
    });
    $(".esconder").click(function () {
        $(".text").hide();
        $('.text').find('input:text, input:password, select, textarea').val('');
        $('.text').find('input:radio, input:checkbox').prop('checked', false);
   
    
    });


});

</script>


</head>
<body>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600' rel='stylesheet' type='text/css'>
<link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css">

<div class="centralizar">
  <div class="testbox">
    <h1>Pesquisa de <br>Conversão</h1>

    <form method="post" action="" id="ajax_form" name="form1">
    
    <label id="icon" style="float: left;" for="name"><i class="icon-user" ></i></label>
    <input type="text" name="matricula" id="name" placeholder="Digite sua matrícula" maxlength="6" minlength="5" required onkeyup="validar(this,'num');" style="  height: 32px;
   
    border: 1px solid #007088;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    display:block;
    float: left; 
  " />
    
 
    <div class="gender" style="padding:20px 0; float: left; width: 100%">
      
      <input type="radio" value="Consulta de Preço" id="8" name="motivo" class="esconder verificar limpar" id="sumir"/>
      <label for="8" class="radio" chec>Consulta de Preço</label>
      <br>

      <input type="radio" value="Custo entrega" id="2" name="motivo" class="esconder verificar limpar" id="sumir"/>
      <label for="2" class="radio">Custo entrega</label>
      <br>

      <input type="radio" value="Dúvidas/Reclamação" id="4" name="motivo" class="esconder verificar limpar" id="sumir"/>
      <label for="4" class="radio">Dúvidas/Reclamação</label>
      <br>

      <input type="radio" value="Prazo de entrega" id="3" name="motivo" class="esconder verificar limpar" id="sumir"/>
      <label for="3" class="radio">Prazo de entrega</label>
      <br>

      <input type="radio" value="Dados de loja" id="5" name="motivo" class="esconder verificar limpar" id="sumir"/>
      <label for="5" class="radio">Dados de loja</label>
      <br>

      <input type="radio" value="Preço" id="1" name="motivo" class="esconder verificar limpar" id="sumir"/>
      <label for="1" class="radio" chec>Preço</label>
      <br>

      <input type="radio" value="Pscicotrópico" id="6" name="motivo" class="esconder verificar limpar" id="sumir"/>
      <label for="6" class="radio">Pscicotrópico</label>
      <br>
      
      <input type="radio" name="motivo" id="7" value="Outros" class="mostrar" onClick="getResults()" id="sumir"/>
      <label for="7" class="radio">Outros</label>
      <br>
      <div class="text">
        <p>
            <textarea type="text" name="observacao" id="text1" maxlength="999" placeholder="Digite o motivo."  style="width: 261px;
    height: 61px;
    border-radius: 5px;
    padding: 6px 0 0 16px;"></textarea>
        </p>
      </div>
     </div> 
   

     <input type="submit"  class="button" id="submit" value="Confirmar" onClick="verificar()" />
    
    
    </form>
  </div>
</div>
</body>

Obrigado

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