[SOLUCIONADO] Verificar nombre de usuario

[Jose789]

Hola gente, pues tengo un problema quisiera añadir que no te deje continuar si lleva en el nombre de usuario MOD-...

Código Javascript:

function checkuser(){
    if ($("#username").val().length > 15) {
        $('#username').css({border:"3px solid #b71818"});
        $('#i1').css({color:'#b71818'}).html('No puede ser mayor de 15 caracteres');
    } else {
        $('#username').css({border:"3px solid #4a504b"});
        $.get('http://localhost/ajax/checkusername.php?username='+$('#username').val(), function(data) {
            if(parseFloat(data)==1){
                $('#username').css({border:"3px solid #b71818"});
                $('#i1').css({color:'#b71818'}).html('Este nombre de usuario ya está en uso!');
            } else {
                next();
            }
        });
    }
}
 

Queria añadir para cuando pongan MOD-Username salte un error como los del codigo... Me dijeron que hiciera como para verificar un e-mail /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|} pero yo de eso no entiendo..


Gracias de antemano.

PD: Soy novato en jquery, es la primera vez que trabajo con este lenguaje.

[Alexis88]

Eso que ves son expresiones regulares, te sugiero leer sobre ellas porque son realmente muy pero muy útiles, sobretodo en casos de validaciones.

Este problema lo resolverías utilizando una expresión regular:

Código Javascript:

var expresion = /^MOD-(.*)$/;
 
if (expresion.test($("#username").val())) {
    alert("MAL");
}
else{
    //Continuas con las instrucciones
}
 

Con la expresión /^MOD-(.*)$/, indico que el bloque de texto a buscar en el valor de la caja "username", debe empezar (^) por "MOD-" y debe seguir cualquier caracter (.), de cero a más (*), hasta el final de la cadena ($). Con el método test, busco dicha expresión en el valor de la caja "username", de encontrarse la coincidencia, se muestra una alerta con el mensaje "MAL", caso contrario, sigues con el bloque de instrucciones.

Saludos

[Jose789]

Iniciado por Alexis88

Eso que ves son [URL="http://es.wikipedia.org/wiki/Expresi%C3%B3n_regular"][B]expresiones regulares[/B][/URL], te sugiero leer sobre ellas porque son realmente muy pero muy útiles, sobretodo en casos de validaciones.

Este problema lo resolverías utilizando una expresión regular:

Código Javascript:

var expresion = /^MOD-(.*)$/;
 
if (expresion.test($("#username").val())) {
    alert("MAL");
}
else{
    //Continuas con las instrucciones
}
 

Con la expresión /^MOD-(.*)$/, indico que el bloque de texto a buscar en el valor de la caja "username", debe empezar (^) por "MOD-" y debe seguir cualquier caracter (.), de cero a más (*), hasta el final de la cadena ($). Con el método [URL="http://www.w3schools.com/jsref/jsref_regexp_test.asp"][B]test[/B][/URL], busco dicha expresión en el valor de la caja "username", de encontrarse la coincidencia, se muestra una alerta con el mensaje "MAL", caso contrario, sigues con el bloque de instrucciones.

Saludos

Muchísimas gracias. :)

Otra cosa con jquery se puede verificar si contiene Espacios en Blanco?

[Alexis88]

Los espacios en blanco en expresiones regulares equivalen a esto: \s

De modo que solamente necesitas insertar eso en la expresión regular para indicar que también se deben buscar espacios en blanco.

Saludos

[Jose789]

Iniciado por Alexis88

Los espacios en blanco en expresiones regulares equivalen a esto: \s

De modo que solamente necesitas insertar eso en la expresión regular para indicar que también se deben buscar espacios en blanco.

Saludos

Código Javascript:

function checkuser(){
    var expresion = /^[MOD-|mod-|ADM|adm](\s.*)+$/;
    if ($("#username").val().length < 1) {
        $('#username').css({border:"3px solid #b71818"});
        $('#i1').css({color:'#b71818'}).html('No puedes dejar el campo en blanco');
        } else if
    ($("#username").val().length > 15) {
        $('#username').css({border:"3px solid #b71818"});
        $('#i1').css({color:'#b71818'}).html('No puede ser mayor de 15 caracteres');
        } else if (expresion.test($("#username").val())) {
            $('#username').css({border:"3px solid #b71818"});
            $('#i1').css({color:'#b71818'}).html('No puede contener la palabra MOD');
        } else {
        $('#username').css({border:"3px solid #4a504b"});
        $.get('http://localhost/ajax/checkusername.php?username='+$('#username').val(), function(data) {
            if(parseFloat(data)==1){
                $('#username').css({border:"3px solid #b71818"});
                $('#i1').css({color:'#b71818'}).html('Este nombre de usuario ya está en uso!');
            } else {
                next();
            }
        });
    }
}
 

Vale acabo de añadirlo, pero tengo un problema y es el de los espacios en blanco si coloco Hola Lucas no salta el error...

[Alexis88]

Es que estás aplicando mal las expresiones regulares, porque estás buscando que la cadena empiece sí o sí por "Mod-", "mod-", "ADM" o "adm" (por cierto, debiste colocar los valores opciones entre paréntesis, no entre corchetes) y luego debe continuar un espacio seguido de cualquier caracter que debe aparecer cero o más veces y todo ese subconjunto debe aparecer una o más veces.

Ahora bien, supongo que lo que estás tratando de evitar es que el texto ingresado no sea de cualquiera de estas formas:

Mod-ejemplo
mod-ejemplo
ADMejemplo
admejemplo
ejem plo (con el espacio en medio)

Si fuera así, puedes trabajarlo con dos grupos de expresiones regulares, para que no te compliques.

Código Javascript:

var expresion1 = /^(Mod-|mod-|Adm|adm)(.*)$/,
    expresion2 = /(.+)\s(.+)?/;
 
if (expresion1.test($("#username").val()) || expresion2.test($("#username").val())){
    alert("MAL");
}
else{
    //Continuas con las instrucciones
}
 

En la primera expresión, buscas cualquiera de los 4 valores indicados y seguido de cualquier caracterer, es decir, no se permitirán textos como los que mostré más arriba, mientras que la segunda expresión, buscas cualquier caracter, de una a más ocurrencias (apariciones), seguido de un espacio y cualquier otro caracter (incluidos los propios espacios, para que no se puedan poner dos o más espacios y saltarse la validación), de uno a más, pero esta segunda parte es opcional, es decir, buscará "ejem plo" como "ejem ". Buscas ambas expresiones en el texto, de darse la coincidencia en cualquiera de ambas, se muestra la alerta de advertencia, caso contrario, sigues con las instrucciones de tu aplicación.

Saludos

[Jose789]

Iniciado por Alexis88

Es que estás aplicando mal las expresiones regulares, porque estás buscando que la cadena empiece sí o sí por "Mod-", "mod-", "ADM" o "adm" (por cierto, debiste colocar los valores opciones entre paréntesis, no entre corchetes) y luego debe continuar un espacio seguido de cualquier caracter que debe aparecer cero o más veces y todo ese subconjunto debe aparecer una o más veces.

Ahora bien, supongo que lo que estás tratando de evitar es que el texto ingresado no sea de cualquiera de estas formas:



Si fuera así, puedes trabajarlo con dos grupos de expresiones regulares, para que no te compliques.

Código Javascript:

var expresion1 = /^(Mod-|mod-|Adm|adm)(.*)$/,
    expresion2 = /(.+)\s(.+)?/;
 
if (expresion1.test($("#username").val()) || expresion2.test($("#username").val())){
    alert("MAL");
}
else{
    //Continuas con las instrucciones
}
 

En la primera expresión, buscas cualquiera de los 4 valores indicados y seguido de cualquier caracterer, es decir, no se permitirán textos como los que mostré más arriba, mientras que la segunda expresión, buscas cualquier caracter, de una a más ocurrencias (apariciones), seguido de un espacio y cualquier otro caracter (incluidos los propios espacios, para que no se puedan poner dos o más espacios y saltarse la validación), de uno a más, pero esta segunda parte es opcional, es decir, buscará "ejem plo" como "ejem ". Buscas ambas expresiones en el texto, de darse la coincidencia en cualquiera de ambas, se muestra la alerta de advertencia, caso contrario, sigues con las instrucciones de tu aplicación.

Saludos

Gracias :) ya voy entiendo un poco más de expresiones regulares..

Pero el problema es que si en el campo username hago 1 separación no salta el error. pero en cambio si pongo Hola lucas si salta...

Lo que quiero decir es que si pongo: 'espacio'Hola. lo valida y no salta el error.

[Alexis88]

Para que no tengas problemas de espacios al inicio y al final del texto que por error o a propósito el usuario haya insertado, elimínalos con la función trim y luego haces la validación.

Código Javascript:

var expresion1 = /^(Mod-|mod-|Adm|adm)(.*)$/,
    expresion2 = /(.+)\s(.+)?/,
    valor = $("#username").val().trim();
 
if (expresion1.test(valor) || expresion2.test(valor)){
    alert("MAL");
}
else{
    //Continuas con las instrucciones
}
 

Saludos