[SOLUCIONADO] Javascript si caracteres son distintos a...

[corei7]

Hola buenas, tengo una duda:

Tengo una función que lee los caracteres introducidos en un input (html) y si los caracteres coinciden con la lista, salta un mensaje en el navegador, aquí el código:

Código:

var iChars = "ABCDEFGHIJKLMNOPQRSTVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_";
    for (var i = 0; i < document.formulario.usuario_nombre.value.length; i++) {
    if (iChars.indexOf(document.formulario.usuario_nombre.value.charAt(i)) != -1) {
        alert ("Your username has special characters. \nThese are not allowed.\n Please remove them and try again.");
		document.formulario.usuario_nombre.focus()
        return false;
    }
}

Pero lo que quiero es lo contrario, osea, si el input contiene un caracter que NO ESTE EN LA LISTA, que salga el mensaje..

Cómo hacerlo? Gracias de antemano

[Reedyseth]

Puedes utilizar una expresion regular y la evaluas, en vez de iChars !!

[corei7]

Iniciado por Reedyseth

Puedes utilizar una expresion regular y la evaluas, en vez de iChars !!

Cómo sería? lo siento es que soy principiante en Javascript.

[ryugen]

En realidad la función indexOf devuelve un valor mayor o igual a cero si lo que estas buscando fue encontrado (el número valor mayor o igual a cero corresponde a su indice dentro del arreglo) sino devuelve -1.

Entonces en tu caso ...

Código Javascript:

if (iChars.indexOf(document.formulario.usuario_nombre.value.charAt(i)) != -1)
 

estas diciendo "si el caracter i en usuario_nombre se encuentra en iChars", cuando lo que tu realmente quieres decir es todo lo contrario "si el caracter i en usuario_nombre no se encuentra en iChars" entoces necesitarías evaluar por lo siguiente:

Código Javascript:

if (iChars.indexOf(document.formulario.usuario_nombre.value.charAt(i)) === -1)
 

[corei7]

Iniciado por ryugen

En realidad la función indexOf devuelve un valor mayor o igual a cero si lo que estas buscando fue encontrado (el número valor mayor o igual a cero corresponde a su indice dentro del arreglo) sino devuelve -1.

Entonces en tu caso ...

Código Javascript:

if (iChars.indexOf(document.formulario.usuario_nombre.value.charAt(i)) != -1)
 

estas diciendo "si el caracter i en usuario_nombre se encuentra en iChars", cuando lo que tu realmente quieres decir es todo lo contrario "si el caracter i en usuario_nombre no se encuentra en iChars" entoces necesitarías evaluar por lo siguiente:

Código Javascript:

if (iChars.indexOf(document.formulario.usuario_nombre.value.charAt(i)) === -1)
 

Perfecto! Sabía que era muy sencillo pero no lo veía... Muchas gracias!!!

[Reedyseth]

Bueno como te habia mencionado existe tambien otra forma con expresiones regulares, y para no dejar el tema nada mas dicho aqui te lo presento:

Este es el javascript que va a evaluar el texto que pongas:

Código Javascript:

var btnVerificar = document.getElementById("btnVerificar");
 
btnVerificar.onclick = function () {
    var userName = document.getElementById("usuario").value;    
    alert(userName);
    var regexp = /^[a-zA-Z0-9-_]+$/; // Expresion que me permite ingresar una cadena alfanumerica sin espacios y que tenga '-' y '_'
    if (userName.search(regexp) == -1) {
        alert("Incorrecto");
    } else {
        alert("Correcto");
    }
}
 

Este es el html que se usa:

Código HTML:

<input id="usuario" />
<button id="btnVerificar">Verificar</button>
 

Y aqui puedes ver como funciona:

http://fiddle.jshell.net/xnJLQ/

como puedes ver es un codigo mas limpio el usar expresiones regulares para evaluar cierta informacion, y vas a ver que generalmente para evaluar un campo, cuando se hace con programacion mas limpia siempre vas a recurrir a las expresiones regulares, espero que te entre el interes,

Saludos !!