Preciso fazer o usuário Selecionar pelo menos um item no checkbox

1 resposta
L
Preciso obrigar o usuário selecione pelo menos um item no checkbox (Hobbie). Caso selecione a opção 'Outros', deverá descrever com pelo menos duas letras (campo descreva).
<script language="javascript" type="text/javascript">  
   
  function validar(form) {  
    
    var error="Preste Atenção!\n\n";  
    var mostra_erro=false;  
      
   function validar()       
{
	if (checkbox.getElementById ('chk_hobbies_1').checked == false &&
	    checkbox.getElementById('chk_hobbies_2').checked == false &&
		checkbox.getElementById('chk_hobbies_3').checked == false &&
		checkbox.getElementById('chk_hobbies_4').checked == false &&
		checkbox.getElementById('chk_hobbies_5').checked == false &&
		checkbox.getElementById('chk_hobbies_6').checked == false &&
		checkbox.getElementById('chk_hobbies_7').checked == false &&
		checkbox.getElementById('chk_hobbies_8').checked == false &&
	    checkbox.getElementById('txt_outros').checked == false)	{
		
	error+="Selecione pelo menos um Hobbie!\n";
        mostra_erro=true;
		
	
		}
	}
     
 
   if (mostra_erro) {  
   alert(error);  
   return false;  
   }  
   return true;  
   }  
  
 </script>  

 
 <BODY>

 <form name="frmhobbie"  id="frmhobbie" method="post" action="" onsubmit="return validar(this);">
<table width="309" align="left" class="borda" cellpadding="0" cellspacing="0" border="1">
  <tr>
    <td colspan="2">Hobbies</td>
    </tr>
  <tr>
    <td colspan="2"><table width="100%">
      <tr>
        <td><label>
          <input type="checkbox" name="chk_hobbies[]" value="1" id="chk_hobbies_0" />
          Esporte</label></td>
        <td><label>
          <input type="checkbox" name="chk_hobbies[]" value="2" id="chk_hobbies_1" />
          Jardinagem</label></td>
      </tr>
      <tr>
        <td><label>
          <input type="checkbox" name="chk_hobbies[]" value="3" id="chk_hobbies_2" />
          Pintura</label></td>
        <td><label>
          <input type="checkbox" name="chk_hobbies[]" value="4" id="chk_hobbies_3" />
          Corte & Custura</label></td>
      </tr>
      <tr>
        <td><label>
          <input type="checkbox" name="chk_hobbies[]" value="5" id="chk_hobbies_4" />
          Musica</label></td>
        <td><label>
          <input type="checkbox" name="chk_hobbies[]" value="6" id="chk_hobbies_5" />
          Meditação</label></td>
      </tr>
      <tr>
        <td><label>
          <input type="checkbox" name="chk_hobbies[]" value="7" id="chk_hobbies_6" />
          Leitura</label></td>
        <td><label>
          <input type="checkbox" name="chk_hobbies[]" value="8" id="chk_hobbies_7" />
          Jogos Eletrônicos</label></td>
      </tr>
      <tr>
        <td><label>
          <input type="checkbox" name="chk_hobbies[]" value="9" id="chk_hobbies_8" />
          Outros</label></td>
          <td><label>Descreva:&nbsp;<input type="text" name="txt_outros" id="txt_outros" value="" /></label></td>
      </tr>
 <td colspan="2" align="center"><input type="submit" name="sbm_enviar" id="sbm_enviar" value="Enviar" />&nbsp;<input type="reset" name="rst_limpar" id="rst_limpar" value="Limpar" /></td>
 </BODY>
</HTML>
Agradeço!

1 Resposta

L

LAND:
Preciso obrigar o usuário selecione pelo menos um item no checkbox (Hobbie). Caso selecione a opção ‘Outros’, deverá descrever com pelo menos duas letras (campo descreva).

<script language="javascript" type="text/javascript">  
   
  function validar(form) {  
    
    var error="Preste Atenção!\n\n";  
    var mostra_erro=false;  
      
   function validar()       
{
	if (checkbox.getElementById ('chk_hobbies_1').checked == false &&
	    checkbox.getElementById('chk_hobbies_2').checked == false &&
		checkbox.getElementById('chk_hobbies_3').checked == false &&
		checkbox.getElementById('chk_hobbies_4').checked == false &&
		checkbox.getElementById('chk_hobbies_5').checked == false &&
		checkbox.getElementById('chk_hobbies_6').checked == false &&
		checkbox.getElementById('chk_hobbies_7').checked == false &&
		checkbox.getElementById('chk_hobbies_8').checked == false &&
	    checkbox.getElementById('txt_outros').checked == false)	{
		
	error+="Selecione pelo menos um Hobbie!\n";
        mostra_erro=true;
		
	
		}
	}
     
 
   if (mostra_erro) {  
   alert(error);  
   return false;  
   }  
   return true;  
   }  
  
 </script>

Agradeço!

Criado 24 de março de 2011
Ultima resposta 26 de mar. de 2011
Respostas 1
Participantes 1