Validar radio

Fernando José · Fevereiro 19, 2010

Pessoal,

Estou tentando validar umas perguntas via radio, mas nao esta dando certo.

Tentei assim:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<script type="text/javascript">

function validaForm(form,url){
	var erro = '';
	var checked = null;
	
	for(var i = 0; i < form.pergunta.length; i++){
		if(form.pergunta[i].checked == true)
			checked = form.pergunta[i].value;
	}
	
	if(checked == null){
		erro += "\n* Escolha um opcao!";
	}
	else{
		erro += "\n* OK!";
	}
	
	if(erro == null){
		form.setAttribute("action",url);
		form.submit();
	}
	else{
		alert("Existem campos obrigatórios não preenchidos: "+erro);
		return false;
	}
}
</script>
<form id="form" name="form" method="post" action="javascript:validaForm(this,'?action=enviar')">
  <p>
    <label>
      <input type="radio" name="pergunta" id="radio" value="S" />
    </label> 
    Sim</p>
  <p>
    <label>
      <input type="radio" name="pergunta" id="radio2" value="N" />
    </label> 
    Nao
</p>
  <p>
    <label>
      <input type="radio" name="pergunta" id="radio3" value="T" />
    </label> 
    Talves
</p>
  <p>
    <label>
      <input type="submit" name="button" id="button" value="Submit" />
    </label>
  </p>
</form>
</body>
</html>

Precisava tambem se o usuario nao marcou nenhuma opcao perguntar se ele desejar mesmo continuar ou cancelar.

Alguem pode me ajudar?

VAlew

Fernando José · Fevereiro 19, 2010

Galera,

Consegui fazer, tenho quatro perguntas quando o usuario deixa alguma sem responder apresento um windows.confirm perguntando se ele deseja continuar, quando ele clica em cancelar ele volta para o form e nao da o submit mas apaga os que ele ja tinha respondido, como se tivesse dado um refresh. Alguem sabe como resolvo isso?

<script "text/javascript">
function Valida(form,url) {
	preencheu1 = false;
	preencheu2 = false;
	preencheu3 = false;
	preencheu4 = false;
	botoes1 = form.p1.length;
	botoes2 = form.p2.length;
	botoes3 = form.p3.length;
	botoes4 = form.p4.length;
	for (i=0;i<botoes1;i++) {
		if (form.p1[i].checked) {
			preencheu1 = true;
			break; 
		}
	}
	for (i=0;i<botoes2;i++) {
		if (form.p2[i].checked) {
			preencheu2 = true;
			break; 
		}
	}
	for (i=0;i<botoes3;i++) {
		if (form.p3[i].checked) {
			preencheu3 = true;
			break; 
		}
	}
	for (i=0;i<botoes4;i++) {
		if (form.p4[i].checked) {
			preencheu4 = true;
			break; 
		}
	}
	if (preencheu1 && preencheu2 && preencheu3 && preencheu4) {
		form.setAttribute("action",url);
		form.submit();
	}
	else {
		var x=window.confirm("Você deixou pergunta sem responder. Deseja continuar?")
		if (x)
		{
			form.setAttribute("action",url);
			form.submit();
		}
	}
}
</script>