Formulário Validação - Radio Button
Celso Ricardo
Bom dia pessoal.
Estou tentando fazer um formulário que dever ser validado o radio button até que quase consegui só que quase não existe em informática vim pedir ajuda aos colegas para tentar resolver isso.
Acontece que tenho 2 radio button que ao deixar em branco ou seja sem resposta o script faz a validação através de uma janela Java script “um alert”.
Após aparecer este alert gostaria que voltasse para o formulário para que o usuário pudesse corrigir o que está faltando e é justamente nisso que não estou conseguindo fazer.
O formulário está seguindo em frente.
Abaixo está o código do mesmo:
<!DOCTYPE html>
<html>
<head>
<title>Questionário</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/validate.css" type="text/css" media="screen" rel="stylesheet" />
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.validate.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$("#enviar").click(function(){
if( $("#quiz input[name='questao_1_resposta']:radio").is(':checked')) {
//alert("Está ativado");
} else {
alert("A Pergunta de número 1 não foi respondida");
}
if( $("#quiz input[name='questao_2_resposta']:radio").is(':checked')) {
//alert("Está ativado");
} else {
alert("A Pergunta de número 2 não foi respondida");
}
});
});
</script>
<!--[if lte IE 7]>
<link href="css/validate_ie7.css" type="text/css" media="screen" rel="stylesheet" />
<![endif]-->
</head>
<body>
<div id="wrap">
<form action="#" method="post" id="quiz" class="validade">
<ol>
<li>
<h3>É capaz de manusear seus próprios remédios?</h3>
<div>
<input type="radio" name="questao_1_resposta" id="questao_1_resposta-A" value="0" />
<label for="questao_1_resposta-A">A) Normal. </label>
</div>
<div>
<input type="radio" name="questao_1_resposta" id="questao_1_resposta-B" value="1" />
<label for="questao_1_resposta-B">B) Faz, com dificuldade. </label>
</div>
<div>
<input type="radio" name="questao_1_resposta" id="questao_1_resposta-C" value="2" />
<label for="questao_1_resposta-C">C) Necessita de ajuda. </label>
</div>
<div>
<input type="radio" name="questao_1_resposta" id="questao_1_resposta-D" value="3" />
<label for="questao_1_resposta-D">D) Não é capaz. </label>
</div>
<div>
<input type="radio" name="questao_1_resposta" id="questao_1_resposta-E" value="0" />
<label for="questao_1_resposta-E">E) Nunca o fez, mas poderia fazê-lo. </label>
</div>
<div>
<input type="radio" name="questao_1_resposta" id="questao_1_resposta-F" value="1" />
<label for="questao_1_resposta-F">F) Nunca o fez e agora teria dificuldade.</label>
</div>
</li>
<li>
<h3>É capaz de manusear seus próprios remédios?</h3>
<div>
<input type="radio" name="questao_2_resposta" id="questao_2_resposta-A" value="0" />
<label for="questao_2_resposta-A">A) Normal. </label>
</div>
<div>
<input type="radio" name="questao_2_resposta" id="questao_2_resposta-B" value="1" />
<label for="questao_2_resposta-B">B) Faz, com dificuldade. </label>
</div>
<div>
<input type="radio" name="questao_2_resposta" id="questao_2_resposta-C" value="2" />
<label for="questao_2_resposta-C">C) Necessita de ajuda. </label>
</div>
<div>
<input type="radio" name="questao_2_resposta" id="questao_2_resposta-D" value="3" />
<label for="questao_2_resposta-D">D) Não é capaz. </label>
</div>
<div>
<input type="radio" name="questao_2_resposta" id="questao_2_resposta-E" value="0" />
<label for="questao_2_resposta-E">E) Nunca o fez, mas poderia fazê-lo. </label>
</div>
<div>
<input type="radio" name="questao_2_resposta" id="questao_2_resposta-F" value="1" />
<label for="questao_2_resposta-F">F) Nunca o fez e agora teria dificuldade.</label>
</div>
</li>
</ol>
<p>
<button class="button blue submit" id="enviar">Enviar</button>
<!-- <button class="button gray reset">Limpar</button> -->
</p>
</form>
</div>
</body>
</html>
Atenciosamente,
___________
Celso Ricardo
TI-Tecnologia da Informação
Pedro Coelho
--
--
Grupo PHPBA
http://groups.google.com.br/group/phpba?hl=pt-BR?hl=pt-BR
---
Você está recebendo esta mensagem porque se inscreveu no grupo "PHPBA" dos Grupos do Google.
Para cancelar a inscrição neste grupo e parar de receber seus e-mails, envie um e-mail para phpba+un...@googlegroups.com.
Para obter mais opções, acesse https://groups.google.com/groups/opt_out.
Atensiosamente,
Pedro Coelho Torres
(71) 8774 - 7182
Anderson Farias
Olá Celso,
Após o alert coloque history.back()
Abraços, De: Pedro Coelho <pedr...@gmail.com>
Para: ph...@googlegroups.com
Enviadas: Quarta-feira, 19 de Junho de 2013 1:56
Assunto: Re: [phpba] Formulário Validação - Radio Button
Anderson Farias
De: Celso Ricardo <tic...@gmail.com>
Para: ph...@googlegroups.com
Enviadas: Quarta-feira, 19 de Junho de 2013 9:06
Assunto: RES: [phpba] Formulário Validação - Radio Button
Igor Donin
--
Igor Donin
--
Celso Ricardo
Então como eu faço isso?
submeter o form para a própria página e tratar os erros nas três camadas
De: ph...@googlegroups.com [mailto:ph...@googlegroups.com] Em nome de Igor Donin
Enviada em: quarta-feira, 19 de junho de 2013 09:45
Para: ph...@googlegroups.com
Assunto: Re: [phpba] Formulário Validação - Radio Button
Dois detalhes que acabei não falando:
Ari Ribeiro
Ari Ribeiro
Tel: (71) 9227-2223
MSN: arivaldo...@hotmail.com
E-mail: arivald...@gmail.com
Twitter: @ariribeiro
