Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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'](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'](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
Carregando comentários...