Problema con validación incompatible entre navegadores

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

Buenas a todos, tengo un algoritmo para calcular el area de un triangulo, lo valido con JavaScript, la validación funciona perfectamente en google Chrome y Mozilla Firefox, pero en Internet Explorer no muestra los mensajes de alert de validacion ni tampoco me ejecuta la función...
Existe algun código JavaScript o tal vez HTML para que el script de js me funcione en todos los navegadores?

Aca el codigo:
Lo prueban tal como esta en Google Chrome y luego en Internet Explorer y noten la diferencia

Código HTML:

Ver original<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Cuadrado</title> 
 
      
     <script languaje="JavaScript"> 
    function sumar()
    {
        document.forms['datos'].elements['ladoa']; 
        document.forms['datos'].elements['ladob'];
       document.forms['datos'].elements['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;
        }
 a=document.forms['datos'].elements['raiza'].value = Math.sqrt(fladoa); 
  b=document.forms['datos'].elements['raizb'].value = Math.sqrt(fladob); 
    c=document.forms['datos'].elements['raizc'].value = Math.sqrt(fladoc); 
        var perimetro=a + b + c;
        document.getElementById('perimetro').value=perimetro;  
    }
</script> 
 
 
</style>       
</head> 
 
<body> 
 
<center><h1><b>CALCULO DE PERIMETRO DE UN TRIANGULO</b></h1> 
</center> 
<br /> 
<hr /> 
<form name="datos"> 
 
 
    <td><br><center><h3>VALOR LADO A EN RADICAL</h3> 
   
    
<input  type="text" name="ladoa" id="ladoa" size="10"  /> 
 
<h3>VALOR LADO B EN RADICAL </h3> 
   
  
<input  type="text" name="ladob" id="ladob" size="10"  />&
 
<h3>VALOR LADO C EN RADICAL</h3> 
   
 
<input  type="text" name="ladob" id="ladoc" size="10"  />
 
<h1>RESULTADOS:</h1>
 
    <td><br><center><h3>VALOR DE LA RAIZ CUADRADA LADO A </h3> 
 
<input type="text" name="raiza" disabled="disabled"> 
<h3>VALOR DE LA RAIZ CUADRADA LADO B</h3> 
 
<input type="text" name="raizb" disabled="disabled"> 
<h3>VALOR DE LA RAIZ CUADRADA LADO C </h3> 
 
<input type="text" name="raizc" disabled="disabled"> 
 
<h3>VALOR PERIMETRO </h3> 
<input type="text" name="perimetro" id="perimetro" disabled="disabled"></center><br></td> 
 
 
   <h3> 
    <center><input type="button" value="Calcular Perimetro" onClick="sumar()" > <input name="Limpiar"  type="reset" id="Limpiar" value="Borrar valores ingresados "> </center> 
</h3> 
</form> 
<br /> 
 
</body> 
 </html>

Agradezco me puedan colaborar

_cronos2 · #2 (**permalink**) 08/10/2010, 14:32

Cambia document.forms['datos'].elements['ladoa']; por ladoa=document.forms['datos'].elements['ladoa']; , y así sucesivamente.
Saludos (:

oscarbt · #3 (**permalink**) 08/10/2010, 15:30

Lo he probado de esa forma pero me ingresa a la validacion:

Código Javascript:

Ver originalif ( isNaN(fladoa) || isNaN(fladob) || isNaN(fladoc) )
{alert("TODOS LOS CAMPOS DEBEN SER VALORES NUMERICOS");
 return false; 
 }