1 reply to this topic

[danielffem]

Tenho esse formulário criado com 10 perguntas com 4 opções para o aluno escolher. Ao clicar no botão responder eu queria que aparecesse a mensagem apenas quando alguma pergunta não tiver sem clicar.

Alguém tem uma idéia de como posso fazer essa validação.

desde já agradeço

<form action="grade.php" method="post" id="quiz">

<ol>

<li>

<h3>O que é &quot;Pago Informado&quot;?</h3>

<div>
<input type="radio" name="question-1-answers" id="question-1-answers-A" value="A" />
<label for="question-1-answers-A">A) Pago informado é o religue em confiança solicitado pelo cliente na mesma data do pagamento da conta ou em até 4 dias úteis.</label>
</div>

<div>
<input type="radio" name="question-1-answers" id="question-1-answers-B" value="B" />
<label for="question-1-answers-B"><img src='http://forum.wmonline.com.br/public/style_emoticons/<#EMO_DIR#>/cool.gif' class='bbc_emoticon' alt='B)' /></label>
<label for="label">Pago informado é o religue em confiança solicitado pelo cliente que pagou a conta há 10 dias e na consulta integral a mesma continua pendente.</label>
</div>

<div>
<input type="radio" name="question-1-answers" id="question-1-answers-C" value="C" />
<label for="question-1-answers-C">C) Pago in</label>
formado é a gravação que se faz quando o cliente apresenta o comprovante de agendamento de pagamento da conta.</div>

<div>
<input type="radio" name="question-1-answers" id="question-1-answers-D" value="D" />
<label for="question-1-answers-D">D)</label>
<label for="label"> Pago in</label>
formado é a gravação que se faz quando a conta baixou mas o cliente reclama que a linha continua desligada.</div>

</li>

<li>

<h3>Quando posso fazer um Pago Informado?</h3>

<div>
<input type="radio" name="question-2-answers" id="question-2-answers-A" value="A" />
<label for="question-2-answers-A">A) O pago informado deverá ser feito somente na data do pagamento da conta.</label>
</div>

<div>
<input type="radio" name="question-2-answers" id="question-2-answers-B" value="B" />
<label for="question-2-answers-B"><img src='http://forum.wmonline.com.br/public/style_emoticons/<#EMO_DIR#>/cool.gif' class='bbc_emoticon' alt='B)' /> </label>
<label for="label">O pago informado deverá ser feito para pagamentos efetuados em até 4 dias úteis.</label>
</div>

<div>
<input type="radio" name="question-2-answers" id="question-2-answers-C" value="C" />
<label for="question-2-answers-C">C) </label>
<label for="label">O pago informado deverá ser feito para pagamentos efetuados em até 10 dias úteis.</label>
</div>

<div>
<input type="radio" name="question-2-answers" id="question-2-answers-D" value="D" />
<label for="question-2-answers-D">D) </label>
<label for="label">O pago informado deverá ser feito sempre que uma conta for baixada após 24h.</label>
</div>

</li>

<li>

<h3>Qual o tempo para o religue de Pago Informado?</h3>

<div>
<input type="radio" name="question-3-answers" id="question-3-answers-A" value="A" />
<label for="question-3-answers-A">A) O Religue ocorrerá em 72 horas.</label>
</div>

<div>
<input type="radio" name="question-3-answers" id="question-3-answers-B" value="B" />
<label for="question-3-answers-B"><img src='http://forum.wmonline.com.br/public/style_emoticons/<#EMO_DIR#>/cool.gif' class='bbc_emoticon' alt='B)' /> O Religue ocorrerá em 48 horas.</label>
</div>

<div>
<input type="radio" name="question-3-answers" id="question-3-answers-C" value="C" />
<label for="question-3-answers-C">C) </label>
O Religue ocorrerá após a baixa da conta.</div>

<div>
<input type="radio" name="question-3-answers" id="question-3-answers-D" value="D" />
<label for="question-3-answers-D">D) O Religue ocorrerá em 24 horas.</label>
</div>

</li>

<li>

<h3>Caso o pagamento não seja confirmado em 4 dias úteis, o que ocorre com o telefone do cliente?</h3>

<div>
<input type="radio" name="question-4-answers" id="question-4-answers-A" value="A" />
<label for="question-4-answers-A">A) Caso o pagamento não seja confirmado em nossos sistemas em 4 dias úteis, o telefone retornará para a gestão da dívida e será desligado novamente, ent</label>
endendo que se trata de cliente blefador.</div>

<div>
<input type="radio" name="question-4-answers" id="question-4-answers-B" value="B" />
<label for="question-4-answers-B"><img src='http://forum.wmonline.com.br/public/style_emoticons/<#EMO_DIR#>/cool.gif' class='bbc_emoticon' alt='B)' /> </label>
Caso o pagamento não seja confirmado em nossos sistemas em 4 dias úteis, a Telefônica contatará o cliente solicitando autenticação bancária.</div>

<div>
<input type="radio" name="question-4-answers" id="question-4-answers-C" value="C" />
<label for="question-4-answers-C">C) Caso o pagamento não seja confirmado em nossos sistemas em 4 dias úteis, o telefone será retirado e o nome do cliente incluso n</label>
o Serasa.
</div>

<div>
<input type="radio" name="question-4-answers" id="question-4-answers-D" value="D" />
<label for="question-4-answers-D">D) Caso o pagamento não seja confirmado em nossos sistemas em 4 dias úteis, </label>
o telefone retornará para gestão da dívida o cliente receberá um tele aviso informndo a loja mais próxima para comprovar o pagamento.</div>

</li>

<li>

<h3>O que é um &quot;Pago Comprovado&quot;?</h3>

<div>
<input type="radio" name="question-5-answers" id="question-5-answers-A" value="A" />
<label for="question-5-answers-A">A) O Pago Comprovado consiste na gravação dos dados do comprovante bancário de uma conta paga a mais de 2 dias úteis que não baixou em sistema.</label>
</div>

<div>
<input type="radio" name="question-5-answers" id="question-5-answers-B" value="B" />
<label for="question-5-answers-B"><img src='http://forum.wmonline.com.br/public/style_emoticons/<#EMO_DIR#>/cool.gif' class='bbc_emoticon' alt='B)' /> </label>
<label for="label">O Pago Comprovado consiste na gravação dos dados do comprovante bancário de uma conta paga a mais de 3 dias úteis que não baixou em sistema.</label>
</div>

<div>
<input type="radio" name="question-5-answers" id="question-5-answers-C" value="C" />
<label for="question-5-answers-C">C) </label>
<label for="label">O Pago Comprovado consiste na gravação dos dados do comprovante bancário de uma conta paga a mais de 5 dias úteis que não baixou em sistema.</label>
</div>

<div>
<input type="radio" name="question-5-answers" id="question-5-answers-D" value="D" />
<label for="question-5-answers-D">D) </label>
<label for="label">O Pago Comprovado consiste na gravação dos dados do comprovante bancário de uma conta apresentada na loja na data do pagamento da conta.</label>
</div>

</li>

<li>

<h3>Qual procedimento para uma análise antes de efetuar o Pago Comprovado?</h3>

<div>
<input type="radio" name="question-6-answers" id="question-6-answers-A" value="A" />
<label for="question-6-answers-A">A) Verificar se o pagamento reclamado consta na Con</label>
sulta Integral por Conta, se não constar, confirmar se o pagamento da conta ocorreu há mais de 5 dias úteis e efetuar o Pago Comprovado.</div>

<div>
<input type="radio" name="question-6-answers" id="question-6-answers-B" value="B" />
<label for="question-6-answers-B"><img src='http://forum.wmonline.com.br/public/style_emoticons/<#EMO_DIR#>/cool.gif' class='bbc_emoticon' alt='B)' /></label>
<label for="label"></label>
<label for="label">Verificar se o pagamento reclamado consta na Con</label>
sulta Integral por Conta, se não constar, efetuar o Pago Comprovado independente da data do pagamento da Conta.</div>

<div>
<input type="radio" name="question-6-answers" id="question-6-answers-C" value="C" />
<label for="question-6-answers-C">C) </label>
<label for="label">Verificar se o pagamento reclamado consta na Con</label>
sulta Integral por Conta, se constar, efetuar o Pagamento Informado por medida de precaução.</div>

<div>
<input type="radio" name="question-6-answers" id="question-6-answers-D" value="D" />
<label for="question-6-answers-D">D)</label>
<label for="label">Verificar se o pagamento reclamado consta na Con</label>
sulta Integral por Conta, e só efetuar o Pago Comprovado após 15 dias do pagamento da conta.</div>

</li>

<li>

<h3>Quando posso fazer um Pago Comprovado?</h3>

<div>
<input type="radio" name="question-7-answers" id="question-7-answers-A" value="A" />
<label for="question-2-answers-A">A) O Pago Comprovado deverá ser feito sempre que o cliente apresentar o comprovante de pagamento, independente da data.</label>
</div>

<div>
<input type="radio" name="question-7-answers" id="question-7-answers-B" value="B" />
<label for="question-7-answers-B"><img src='http://forum.wmonline.com.br/public/style_emoticons/<#EMO_DIR#>/cool.gif' class='bbc_emoticon' alt='B)' /> </label>
<label for="label"></label>
O Pago Comprovado deverá ser feito após 5 dias úteis do pagamento da conta correspondente esteja pendente e os procedimentos de análise tenham sido feitos.</div>

<div>
<input type="radio" name="question-7-answers" id="question-7-answers-C" value="C" />
<label for="question-7-answers-C">C) </label>
<label for="label"></label>
O Pago Comprovado deverá ser feito na data do pagamento da conta.</div>

<div>
<input type="radio" name="question-7-answers" id="question-7-answers-D" value="D" />
<label for="question-7-answers-D">D) </label>
<label for="label"></label>
O Pago Comprovado deverá ser feito após 15 dias do pagamento onde a conta correspondente esteja pendente e os procedimentos de análise tenham sido feitos.</div>

</li>

<li>

<h3>Qual o tempo para retorno de um Pago Comprovado?</h3>

<div>
<input type="radio" name="question-8-answers" id="question-8-answers-A" value="A" />
<label for="question-8-answers-A">A) O Retorno será em até 30 Dias.</label>
</div>

<div>
<input type="radio" name="question-8-answers" id="question-8-answers-B" value="B" />
<label for="question-8-answers-B"><img src='http://forum.wmonline.com.br/public/style_emoticons/<#EMO_DIR#>/cool.gif' class='bbc_emoticon' alt='B)' /> O Retorno será em até 25 Dias.</label>
</div>

<div>
<input type="radio" name="question-8-answers" id="question-8-answers-C" value="C" />
<label for="question-8-answers-C">C)</label>
<label for="label">O Retorno será em até 20 Dias.</label>
</div>

<div>
<input type="radio" name="question-8-answers" id="question-8-answers-D" value="D" />
<label for="question-8-answers-D">D) </label>
<label for="label">O Retorno será em até 15 Dias.</label>
</div>

</li>

<li>

<h3>Como o cliente faz para se cadastrar no Projeto Minha Conta?</h3>

<div>
<input type="radio" name="question-9-answers" id="question-9-answers-A" value="A" />
<label for="question-9-answers-A">A) O Cliente deverá acessar o site www.Tgestiona.com.br/contas e efetuar o cadastramento com os dados pessoais e alguns dados da conta.</label>
</div>

<div>
<input type="radio" name="question-9-answers" id="question-9-answers-B" value="B" />
<label for="question-9-answers-B"><img src='http://forum.wmonline.com.br/public/style_emoticons/<#EMO_DIR#>/cool.gif' class='bbc_emoticon' alt='B)' /></label>
Cliente deverá acessar o site www.Atis.com.br/gerircontas e efetuar o cadastramento.</div>

<div>
<input type="radio" name="question-9-answers" id="question-9-answers-C" value="C" />
<label for="question-9-answers-C">C) </label>
Cliente deverá acessar o site www.telefonica.com.br/minhaconta e efetuar o cadastramento com os dados pessoais e alguns dados constantes da conta telefônica, afim de garantir a segurança do cadastro.</div>

<div>
<input type="radio" name="question-9-answers" id="question-9-answers-D" value="D" />
<label for="question-9-answers-D">D) </label>
Cliente deverá acessar o site www.Atis.com.br/contatelefonica e seguir as instruções e efetuar o cadastramento.</div>

</li>

<li>

<h3>Quais as características do serviço &quot;Minha Conta&quot;?</h3>

<div>
<input type="radio" name="question-10-answers" id="question-10-answers-A" value="A" />
<label for="question-10-answers-A">A) Ao aderir ao serviço o cliente opta não receber mais a conta telefonica impressa, sendo a internet a sua principal fonte de informação.</label>
</div>

<div>
<input type="radio" name="question-10-answers" id="question-10-answers-B" value="B" />
<label for="question-10-answers-B"><img src='http://forum.wmonline.com.br/public/style_emoticons/<#EMO_DIR#>/cool.gif' class='bbc_emoticon' alt='B)' /> Para confirmar a adesão o cliente receberá um e-mail com um código de desbloqueio .</label>
Este código deverá ser utilizado no primeiro acesso ao site como form de segurança ao cadastro.</div>

<div>
<input type="radio" name="question-10-answers" id="question-10-answers-C" value="C" />
<label for="question-10-answers-C">C) </label>
<label for="label">A conta telefõnica estará disponível n</label>
<label for="label">o site sempre 5 dias antes do vencimento.</label>
</div>

<div>
<input type="radio" name="question-10-answers" id="question-10-answers-D" value="D" />
<label for="question-10-answers-D">D) </label>
<label for="label">Todas as alternativas estão corretas.</label>

Edição feita por: André Manoel, 10/08/2010, 00:34.
Colocar as tags code. Leia as regras do fórum.

[Sombra]

Use a função checkdata para testar todos os radios do formulário. No Form chame esta função usando a propriedade OnSubmit. Caso tenha algum que não estava selecionado a função impede o envio do formulário, exibe uma mensagem e volta para o formulário ser preenchido completamente.

Para facilitar a programação, voce pode dar nomes sequenciais para os radios, como por exemplo 1,2,3,4,...
Dessa forma, na hora de montar a função basta usar um for (pois vc sabe o inicio e o fim) e dentro deste for vc usa o indice(i) fazendo apenas um if.
Exemplo:

Usando For:



<script language="javascript">

function checkdata() {

	with(document.quiz) {	

                    For (i=0;i<10;i++){			

                        if (!i.checked == true){

			     alert('Responda a pergunta '+i);

			     i.focus();

			     return false;

                             exit;

			}

                    }

}

</script>





Sem For:



<script language="javascript">

function checkdata() {

	with(document.quiz) {	

			if (!question-1-answers-A.checked == true){

			     alert("Responda a pergunta 1!");

			     question-1-answers-A.focus();

			     return false;

			}

	                if (!question-1-answers-B.checked==true){

			     alert("Responda a pergunta 1!");

			     question-1-answers-B.focus();

			     return false;

			}

                        .

                        .

                        .

                        if (question-2-answers-A.checked==true){

			     alert("Responda a pergunta 2!");

			     question-2-answers-A.focus();

			     return false;

			}

                        .

                        .

                        .

	}

}

</script>

.

.

.



<form action="grade.php" method="post" id="quiz" name="quiz" OnSubmit="JavaScript:return checkdata(this);">

.

.

.

Edição feita por: Sombra, 11/08/2010, 11:29.