Error al crear instancia de una clase - IE

mariano_donati · #1 (**permalink**) 22/04/2009, 22:11

Hola para todos. La situacion es esta: tengo un archivo index.js donde tengo el script para manejar
eventos, controles, etc de la pagina index.php. Ademas, tengo otro script Validation.js donde defino
una clase para manejar la validacion de datos del formulario. En la pagina index.php tengo el siguiente
codigo:

index.php

Código html:

Ver original<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="Scripts/main.js"></script>
<script src="Scripts/Validation.js"></script>
<script src="CodeBehind/index.js"></script>
<script>
window.onload = initialize;
</script>
...

index.js

Código javascript:

Ver originalvar validation = null;
 
function initialize()
{
    alert('Se ejecuta');
    validation = new Validation();
    alert('Esto ya no se ejecuta');
        
    fillYearsSelect();
    fillDaysSelect(30);
    
    addEventHandler('txtEmail', 'blur', txtEmail_Blur);
    addEventHandler('txtName', 'blur', txtName_Blur);
    addEventHandler('txtLastname', 'blur', txtLastname_Blur);
    addEventHandler('txtPassword', 'blur', txtPassword_Blur);
    addEventHandler('cmbBirthmonth', 'change', selects_Change);
    addEventHandler('cmbBirthyear', 'change', selects_Change);
    addEventHandler('frmRegistration', 'submit', frmRegistration_Submit);
    
}
...

Validation.js

Código javascript:

Ver originalfunction Validation()
{
    var m_error = null;
    
    this.validateText = function(value, minlen, maxlen, required){
        if(required && !valueFilled(value))
        {
            m_error = 'Campo requerido.';
            return false;
        }
        if(!checkBounds(value.length, minlen, maxlen))
        {
            m_error = 'El campo debe tener entre ' + minlen + ' y ' + maxlen + ' caracteres.';
            return false;
        }
        for(i=0 ; i<value.length ; i++)
        {
            if(!isChar(value.substring(i, i+1), true))
            {
                m_error = 'Solo se admiten caracteres.';
                return false;
            }
        }
        return true;
    }
    
    this.validateNum = function(value, minval, maxval, required){
        if(required && !valueFilled(value))
        {
            m_error = 'Campo requerido.';
            return false;
        }
        if(!checkBounds(value, minlen, maxlen))
        {
            m_error = 'Debe ser un n&uacute;mero entre ' + minlen + ' y ' + maxlen + '.';
            return false;
        }
        if(isNaN(value))
        {
            m_error = 'Se esperaba un n&uacute;mero.';
            return false;
        }
        return true;
    }
    
    this.validateEmail = function(value){
        
        var EMAIL_MINLENGTH = 3;
        var EMAIL_MAXLENGTH = 255;
        
        if(!valueFilled(value))
        {
            m_error = 'Campo requerido.';
            return false;
        }
        if(!checkBounds(value.length, EMAIL_MINLENGTH, EMAIL_MAXLENGTH))
        {
            m_error = 'El correo electr&oacute;nico debe tener entre ' + EMAIL_MINLENGTH + ' y ' + EMAIL_MAXLENGTH + ' caracteres.';
            return false;
        }
        if(!(/\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)/).test(value))
        {
            m_error = 'Correo electr&oacute;nico inv&aacute;lido.';
            return false;
        }
        return true;
    }
    
    this.validatePassword = function(value, minlen, maxlen)
    {
        if(!valueFilled(value))
        {
            m_error = 'No se ha escrito ninguna clave.';
            return false;
        }
        if(!checkBounds(value.length, minlen, maxlen))
        {
            m_error = 'La contrase&ntilde;a debe tener entre ' + minlen + ' y ' + maxlen + ' caracteres.';
            return false;
        }
        return true;
    }
    
    this.validateOption = function(value, referer){
        if(value == 0 || value == null)
        {
            m_error = 'Falta seleccionar un valor de la lista ' + referer;
            return false;
        }
        return true;
    }
    
    this.error = function(){
        return m_error;
    }
    
    function valueFilled(value)
    {
        return value != null && value.length > 0 && !(/^\s+$/).test(value);
    }
 
    function isChar(chr, ignorecase)
    {
        var ucchrs = 'ABCDEFGHIJKLMNÑOPQRSTUVWXYZÁÉÍÓÚ';
        var lcchrs = 'abcdefghijklmnñopqrstuvwxyzáéíóú';
        return (ignorecase && lcchrs.indexOf(chr.toLowerCase()) >= 0) || lcchrs.indexOf(chr) >= 0 || ucchrs.indexOf(chr) >= 0;
    }
 
    function checkBounds(value, minval, maxval)
    {
        return value >= minval && value <= maxval;
    }
    
}

El error me sale en Internet Explorer al ejecutar la linea cuando creo una instancia del objeto Validation en el archivo index.js. En Firefox
me funciona correctamente, pero en IE no se ejecuta nada a partir de esa linea.
No entiendo el error. Si alguien se da alguna idea de que pueda estar pasando, agradecere que me pueda comentar, al menos una pista.
Saludos.

David · #2 (**permalink**) 22/04/2009, 22:22

Yo he probado tal y como está y funciona en Internet Explorer (por lo menos se muestra el segundo alert()).

¿Cuál es el error que te da?

P.S.: El concepto de clases como tal no existe en Javascript.

mariano_donati · #3 (**permalink**) 23/04/2009, 08:11

Pude encontrar cual es el problema, pero no la solucion. En explorer cuando defino una variable que contiene una cadena y esta cadena tiene un caracter acentuado, el script falla. Asi que el problema esta en la funcion isChar cuando defino la cadena de caracteres. Si de estas cadenas elimino los caracteres acentuados, entonces el script funciona. No lo entiendo.
Gracias por tu respuesta y la aclaracion respecto a las clases.
Saludos.