8

Estoy buscando una expresión regular que no me permita un primer espacio en blanco y los posteriores, sí, los permita.

http://www.regexr.com/

1 respuesta 1

7

Tres opciones:

1. Coincidir con un espacio en blanco al incio, pero negar todo el resultado:

if ( !/^\s/.test(texto) ) {
    ^^^
    el signo de admiración niega al resultado del método .test()
  • ^ - Coincide con la posición al inicio del texto.
  • \s - (En minúscula) coincide con 1 espacio en blanco, es decir con [ \t\n\r\f].

No confundirse, el signo de admiración es el operador lógico not de JavaScript, no es parte de la expresión regular.


2. Hacer coincidir con un caracter que no sea un espacio en blanco:

/^\S/
  • ^ - Coincide con la posición al inicio del texto.
  • \S - (En mayúscula) coincide con 1 caracter que no es \s, es decir con [^ \t\n\r\f].

La contra: no acepta textos vacíos.


3. Usar una inspección negativa (negative lookahead):

/^(?!\s)/
  • ^ - Coincide con la posición al inicio del texto.
  • (?!..) - Es una inspección negativa (negative lookahead), es decir que, sin consumir caracteres, coincide sólo si no coincide el patrón que está dentro.
    • \s - Coincide con un espacio en blanco.

O sea, todo este regex se puede interpretar como: coincide con la posición inicial del texto si no está seguida por un espacio en blanco



Código (con estructuras repetidas para simplificarlo):

const regex1 = /^\s/;
const regex2 = /^\S/;
const regex3 = /^(?!\s)/;

let input1 = document.getElementById("inp1");
let input2 = document.getElementById("inp2");
let input3 = document.getElementById("inp3");
let resultado1 = document.getElementById("res1");
let resultado2 = document.getElementById("res2");
let resultado3 = document.getElementById("res3");

//cuando cambia el texto del input
input1.addEventListener("input", function() {
    //ver si NO coincide el regex /^\s/
    if (!regex1.test(input1.value)) {
        resultado1.innerText = "(no coincide) -> Verdadero :-)";
    } else {
        resultado1.innerText = "(coincide) -> ¡Falso!";
    }
});

input2.addEventListener("input", function() {
    //ver si coincide el regex /^\S/
    if (regex2.test(input2.value)) {
        resultado2.innerText = "Coincide :-)";
    } else {
        resultado2.innerText = "¡No coincide!";
    }
});

input3.addEventListener("input", function() {
    //ver si coincide el regex /^(?!\s)/
    if (regex3.test(input3.value)) {
        resultado3.innerText = "Coincide :-)";
    } else {
        resultado3.innerText = "¡No coincide!";
    }
});
<p>Prueba negando a <code>/^\s/</code>:</p>
<input type="text" id="inp1">
<code id="res1" r></code>
<p>Prueba de <code>/^\S/</code>:</p>
<input type="text" id="inp2">
<code id="res2"></code>
<p>Prueba de <code>/^(?!\s)/</code>:</p>
<input type="text" id="inp3">
<code id="res3"></code>

1
  • 1
    Muchas gracias loco!, me sirvio de mucho la ayuda, saludos y cuidese. Commented el 4 feb. 2017 a las 3:55

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.