[SOLUCIONADO] IE8 se cierra solo con el keyup

[carscx]

Hola,

Tengo el siguiente codigo jQuery para validar un formato de email. Funciona perfecto en IE9, IE10, Firefox, Chrome, Safari, menos en IE8 !!!

Código Javascript:

$("input#mailOlvida").keyup(function(){
                          
                        $('span.errorMSG').remove();
                            var inputVal = $(this).val();
                            var emailReg = /^([\w-\.]+@{1}([\w-]+\.)+[\w-]{2,4})?$/;
                            if(!emailReg.test(inputVal)) {
                                $(this).after('<span class="errorMSG">Escriba un e-mail válido.</span>');
                                $("#recuerdaPassBtn").addClass("disabledBtn");                              
                            }else{
                                $("#recuerdaPassBtn").removeClass("disabledBtn");
                            }
                    });
 

Lo que hace es que en cuanto escribo un caracter en el campo aparece el mensaje de Windows, Internet Explorer ha dejado de funcionar y debe cerrarse. Es la primera vez que me ocurre algo asi. Espero que me puedan ayudar.

GRACIAS!

[PHPeros]

Hola. En vez de esa propiedad deberías usar event.wich porque evidentemente hay bug con IE.

http://api.jquery.com/event.which/

http://stackoverflow.com/questions/1...net-explorer-8

Saludos

[carscx]

Gracias!

Revisare esa documentacion, a ver si puedo modificar la funcion.

Saludos,

[PHPeros]

Oh, si esto no iba de eventos de código del teclado...

Mejor usa keydown:

http://api.jquery.com/keydown/

Perdona mi estupidez

[carscx]

Gracias PHPeros

Ya probe con keydown, keyup y keypress, no funciona con ninguno de los 3, la verdad que es raro raro, probe la funcion fuera del proyecto, y funciona. Pero no puedo entender como el keyup puede entrar en conflicto con cualquier otra cosa.

[jonni09lo]

Que versión de jQuery usas?

Saludos

[PHPeros]

Igual es que tienes que usar:

Código Javascript:

.bind("keydown", //funcion
 

Por razones de versión como dice jonni.

[carscx]

Utilizo la 1.9.1 del CDN de Google.

[jonni09lo]

Bueno, empecé a hacer pruebas y resulta que en mi IE 10 cuando emulaba el código en IE 8 me daba la sorpresa que no funcionaba a no ser de que la función del keyup estuviese dentro de :

Código Javascript:

$(window).load(function(){
    //code here....
})
 
//ó
 
$(document).ready(function(){
    //code here....
});
 

Has las pruebas y nos cuentas

Saludos

[carscx]

SI, eso era lo primero que me marcaba, que tenia que estar dentro del DOM ready.

Finalmente lo pude hacer andar!!

El problema venia por otro lado completamente distinto.

Probando linea por linea, comentando y descomentando, prueba y error.

Pude comprobar que el fallo venia por el .remove() del mensaje.

Lo modifiqué y funciona perfecto.

Paso el codigo corregido.

Lo deje con la funcion .bind() que me pareció mas apropiada.

Código Javascript:

$("input#mailOlvida").bind("keydown", function() {   
                        $(this).parent().find(".errorMSG").hide();  
                        var inputVal = $("input#mailOlvida").val();
                        var emailReg = /^([\w-\.]+@{1}([\w-]+\.)+[\w-]{2,4})?$/;
                        if(!emailReg.test(inputVal)) {
                            $(this).after('<span class="errorMSG">Escriba un e-mail válido.</span>');
                            $("#recuerdaPassBtn").addClass("disabledBtn");                              
                        }else{
                            $("#recuerdaPassBtn").removeClass("disabledBtn");
                        }
                    });
 

Muchas gracias a todos!!!

Lo marco como solucionado!