Ajuda validação de type="radio"

7 respostas
V

Aqui vc testa os radios se estão checados !! nao sei se isso ajuda mais ta ai …

inputs = document.getElementsByTagName('input');
  for (i=0;i<inputs.length;i++){
    if (inputs[i].type == "radio"){
       if (inputs[i].checked){

.............  
        }  
     }
  }

[]'s

7 Respostas

V

ele testa um por um !
[]'s

V

Amigo, posta como está seu codigo…!

J

Veja bem, o tipo radio só se justifica quando são utilizados, no mínimo, dois campos radio, que formam um array de campos, por isso eles devem ter o mesmo nome pra justamente ligar/desligar ao clicar, certo?

Pois então, sendo exibido apenas um radio NÃO existirá mais array de campos radio, e sim apenas UM então você deve confirmar como está sendo feito a validação de radio “ligado”.

Ficaria assim:

function validaRadio(campoRadio) {
var achou = false;

if (campoRadio[0]) { // Verifica se existe mais de um campo Radio

for (var i=0;i<campoRadio.length;i++) {

if (campoRadio[i].checked) {

achou = true;

break;

}

}

}

else {

if (campoRadio.checked) {

achou = true;

}

}

return achou;
}

I

Gente eu tenho um campo radio que exibe o resultado de uma consulta que eu faço no meu formulario . Essa validação do radio é feita em javascript !

  • Quando é exibido o resultado de varias consultas no radio e eu cliko no botao inserir sem ter selecionado nehum radio ele me iforma “É necessario selecionar o campo radio !”

  • Problema : quando é exibido o resultado de uma unica consulta no meu radio e eu cliko no botao inserir sendo ke eu selecionei o radio . Ele continua informando “Énecessario selecionar um radio” . Sendo ke ele nao deveria fazer isso pois o radio esta selecionado . (queria deixar claro ke isso so acontece kuando é exibido no radio uma unica consulta ) .

  • Alguem tem um exeplo de vallidação de um radiobutton em javascript ke faça isso ?

Sad

A kem ajudar agradeço !

I
  • Mas se eu tiver varios campos radio no meu formulario ? :shock:
I
  • Eu ja consegui fazer isso . Mas continua o mesmo problema !

  • Kuando aparece uma unica consulta no radio ele continua exibindo ainformção é necessario selecionar o radio .

  • Isso acontece apersar de eu ter selecionado o radio . Ke fique bem claro que isso so acontece quando é exibido um unico radio .

I
A JSP
&lt;%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%&gt;
&lt;%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %&gt;
&lt;%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %&gt;
&lt;%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%&gt;
&lt;%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %&gt;
&lt;%@ taglib uri="/WEB-INF/struts-bean-el.tld" prefix="bean-el" %&gt;
&lt;%@ taglib uri="/WEB-INF/struts-html-el.tld" prefix="html-el" %&gt;
&lt;%@ taglib uri="/WEB-INF/struts-logic-el.tld" prefix="logic-el" %&gt;
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;
&lt;html:html&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
&lt;title&gt;Insert title here&lt;/title&gt;
&lt;script language="javascript" src="java_script/validacao.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;html:form action="/ProcessarInclusaoCliente.do" method="post"&gt;
                
                Codigo : &lt;html:text property="id" value="" size="20" maxlength="30"/&gt;    	  				
    	  			
       	  		<br><br>
            
                

                <br><br>

    	  		Telefone : &lt;html-el:select property="telefone"&gt;
    	  			              &lt;c:forEach var="colecao" items="${colecao}"&gt;
                                      &lt;html-el:option value="${colecao.telefone}"&gt; &lt;c:out value="${colecao.telefone}"/&gt; &lt;/html-el:option&gt;
                                  &lt;/c:forEach&gt; 
                           &lt;/html-el:select&gt;  
       	  			<br><br>
    	  		
    	  		idade : <br>  &lt;c:forEach var="colecao" items="${colecao}"&gt;
	  			                            &lt;html-el:radio property="idade" value="${colecao.idade}"&gt; 
	  			                                        &lt;td&gt; &lt;c:out value="${colecao.idade}"/&gt; &lt;td&gt; <br> 
	  			                             &lt;/html-el:radio&gt;                            
                              &lt;/c:forEach&gt; 
    	  			
       	  			<br><br>

                    Nome : <br>  &lt;c:forEach var="colecao" items="${colecao}"&gt;
	  			                            &lt;html-el:radio property="nome" value="${colecao.nome}"&gt; 
	  			                                        &lt;td&gt; &lt;c:out value="${colecao.nome}"/&gt; &lt;td&gt; <br> 
	  			                             &lt;/html-el:radio&gt;                            
                              &lt;/c:forEach&gt; 
    	  			
       	  			<br><br>
               

                 &lt;center&gt;

     	  		             &lt;html:link href="/Treinamento/ProcessarInclusaoCliente.do" onclick="return validarForm(this);" &gt;Incluir&lt;/html:link&gt;

	    	     &lt;/center&gt;	
	    	     
&lt;/html:form&gt;
&lt;/body&gt;
&lt;/html:html&gt;
O JAVASCRIPT
 
function validarForm() {
        
        
        if (document.formularioExibirFormularioCliente.nome.value == ""){
           alert("O campo " + document.formularioExibirFormularioCliente.nome.name + " deve ser preenchido!");
           document.formularioExibirFormularioCliente.nome.focus();
           return false;
        }
        
        if (document.formularioExibirFormularioCliente.id.value == ""){
           alert("O campo " + document.formularioExibirFormularioCliente.id.name + " deve ser preenchido!");
           document.formularioExibirFormularioCliente.id.focus();
           return false;
        }
 

          var checked = false; 
          var buttons = document.formularioExibirFormularioCliente.idade; 

  for (var i=0; i&lt;buttons.length; i++)  
  {  
    if (buttons[i].checked) {  
         checked = true; 
         break;  
    }  
   } 
  
   if(!checked) {
           alert(" Informe a idade");  
           return(false) ;
   }
         
       return true ;
}



 ///////////////////////////valida??o do formulario cliente ////////////////////////////
>
Criado 13 de abril de 2006
Ultima resposta 13 de abr. de 2006
Respostas 7
Participantes 3