Problema con validacion utilizando | | (or)

oscarbt · #1 (**permalink**) 07/10/2010, 14:29

Tengo un formulario donde ingreso tres valores numericos y lo tengo validado para que no me ingrese valores negativos, iguales a cero o de tipo caracter

La validacion no me esta funcionando en todos los campos, ya he mirado y comparado con ejemplos de otros formularios que tengo pero no encuentro cual sera mi error

Agradezco me puedan colaborar y decirme cual es mi posible error

Aca el codigo html de ingreso de los valores:

Código HTML:

Ver original<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Calculo</title>
</head>
 
<body>
 
<center>
  <h1><b>CALCULO DE PERIMETRO DE UN TRIANGULO</b></h1>
</center>
<br />
<hr />
<form name="datos">
<br><center><h3>VALOR LADO A </h3>
<input  type="text" name="ladoa" id="ladoa" size="10" />&nbsp;&nbsp; &nbsp;&nbsp;
<h3>VALOR LADO B </h3>
<input  type="text" name="ladob" id="ladob" size="10"   />&nbsp;&nbsp; &nbsp;&nbsp;
<h3>VALOR LADO C  EN RADICAL</h3>
**&nbsp;
   <img src="Imagenes/radical.gif" alt="signo radical" width="44" height="48">
<input  type="text" name="ladoc" id="ladoc" size="10"  />&nbsp;&nbsp; &nbsp;&nbsp;
 
</center><br><br></td>
    <td><br><center><h3>VALOR DE LA RAIZ CUADRADA </h3>
 
<input type="text" name="raiz">
<h3>VALOR PERIMETRO </h3>
<input type="text" name="perimetro" id="perimetro"></center><br>
 
 <center><input type="button" value="Calcular Perimetro" onClick="sumar()" >
 
 
</body>
 </html>

Y aca el codigo JavaScript donde ejecuto la funcion sumar() ubicada en el head

Código Javascript:

Ver original<script languaje="JavaScript">
         function sumar()
{
    ladoa=parseFloat(document.getElementById('ladoa').value);  
ladob=parseFloat(document.getElementById('ladob').value);
ladoc=parseFloat(document.getElementById('ladoc').value);
 
 if ((document.datos.ladoa.value.length== "") || (document.datos.ladob.value.length== "") || (document.datos.ladoc.value.length== "")  )
               
               {
        alert("EXISTEN VALORES NO INGRESADOS");
        return false;
        
          }
             if ((document.datos.ladoa.value <= 0) || (document.datos.ladob.value <= 0) || (document.datos.ladoc.value <= 0))
               
               {
        alert("SOLO PUEDE INGRESAR VALORES POSITIVOS");
        return false;
        
          }
          if ( isNaN(ladoa) ||   isNaN(ladob) || isNaN(ladoc) )
           {   
        alert("TODOS LOS CAMPOS DEBEN SER VALORES NUMERICOS");
                
        return false  ; 
 
        }
 
ladoc=document.datos.raiz.value= Math.sqrt(ladoc);  
perimetro=ladoa + ladob + ladoc ;
document.getElementById('perimetro').value=perimetro;  
}
 
      </script>

Donde tengo mi error??..
Agradezco la colaboracion

hernandavidgomez · #2 (**permalink**) 07/10/2010, 14:50

pues ami me funciona bien.... sin embargo intenta eliminar los parentesis, tambien deberias igualar:
document.datos.ladoa.value.length== 0 , pues si lo igualas a "" tomaria espacios en blanco como contenido,
saludos

maycolalvarez · #3 (**permalink**) 07/10/2010, 14:57

las referencias directas no son soportadas por la mayoría de los navegadores, debes usarlo así, con colecciones:

document.forms['datos].elements['ladoa'].value.length

además que sentido tiene hacer doble trabajo: para que conviertes primero a flotante, si necesitas primero validar si están vacios???

así es más eficiente:

Código Javascript:

Ver original<script type="text/javascript" languaje="JavaScript">
    function sumar()
    {
        var ladoa=document.getElementById('ladoa'); //o document.forms['datos'].elements['ladoa'];
        var ladob=document.getElementById('ladob');
        var ladoc=document.getElementById('ladoc');
 
        if ((ladoa.value == "") || (ladob.value == "") || (ladoc.value == "")  )
        {
            alert("EXISTEN VALORES NO INGRESADOS");
            return false;
        }
        var fladoa = parseFloat(ladoa.value);
        var fladob = parseFloat(ladob.value);
        var fladoc = parseFloat(ladoc.value);
        if ( isNaN(fladoa) ||   isNaN(fladob) || isNaN(fladoc) )
        {   
            alert("TODOS LOS CAMPOS DEBEN SER VALORES NUMERICOS");
            return false; 
        }
        if ((fladoa <= 0) || (fladob <= 0) || (fladoc <= 0))
        {
            alert("SOLO PUEDE INGRESAR VALORES POSITIVOS");
            return false;
        }
        ladoc.value = document.forms['datos'].elements['raiz'].value = Math.sqrt(fladoc); 
        var perimetro=fladoa + fladob + fladoc;
        document.getElementById('perimetro').value=perimetro;  
    }
</script>

oscarbt · #4 (**permalink**) 07/10/2010, 15:17

Me funciono bien, Sin embargo, en el Navegador Internet Explorer no me valida...porque??

Ademas una vez que doy clic en calcular, me imprime el valor de la raiz en los campos donde la habia ingresado

Lo probe en Google Chrome y funciona bien, ya es incompatibilidad entre los navegadores??