Home / Questions / 140556
Accepted
Richard
Asked: 2020-02-23 07:44:14 +0800 CST 2020-02-23 07:44:14 +0800 CST

Подтвердите, что текст имеет ровно 3 числа с регулярным выражением

  • 772

Я хочу проверить в JavaScript, что имя пользователя или пароль принимают ровно 3 числа с регулярным выражением.

У меня есть следующее: проблема в том, что когда 1234я вхожу, он принимает это как правильное, мне нужно подтвердить это, чтобы иметь возможность выполнять остальную часть моей страницы.

function validar() {
    usuario = document.getElementById('usuario').value;

    patron = /\d{3}/;
    if(patron.test(usuario)){
        alert("correcto")
    }else{
        alert("ERROR")

}
javascript

2 Answers

  1. Best Answer

    Пойдем по частям, от более простого к более сложному, и все упрощая в конце.

    1. Всего 3 цифры

    Если бы это было просто для того, чтобы увидеть, есть ли у него 3 цифры, зачем использовать регулярное выражение? Это число от 100 до 999, верно?

    if (usuario > 99 && usuario < 1000) {
    //válido
}


    2. 3 цифры в конце

    Но если имя пользователя оканчивается на 3 цифры, то мы должны гарантировать, что регулярное выражение соответствует от начала ( ^) до конца текста ( $).

    Напомним, что регулярное выражение соответствует любой части текста (первой найденной). Вот почему ваш код не сработал, потому что он соответствует первым 3 цифрам из 4, которые были в тексте.

    textoterminadoen1234
//              ^^^
//       coincide con estos 3

    Итак, мы заставляем сопоставлять начальную позицию, любое количество нецифровых символов, все 3 цифры и конечную позицию текста.

    /^\D*\d{3}$/
    • \Dсоответствует 1 символу, любому символу, который не является цифрой (это то же самое , что [^0-9]и ; и *он повторяется от 0 до бесконечности раз.

    document
    .getElementById('usuario')
    .addEventListener('input',validar);


function validar() {
    var usuario = document.getElementById('usuario').value,
        resultado = document.getElementById('resultado');

    patron = /^\D*\d{3}$/;
    if(patron.test(usuario)){
        resultado.innerText = "correcto";
    }else{
        resultado.innerText = "ERROR";
    }
}
    <input type="text" id="usuario" placeholder="Nombre de usuario">
<pre id="resultado"></pre>


    3. Регулярное выражение ровно для 3 цифр в любой позиции

    Теперь, если они могут быть где угодно, вы должны разрешить их \D*между собой, что будет примерно так /^\D*\d\D*\d\D*\d\D*$/.

    Но это можно сделать проще, используя группу (?:... )и повторяя этой группе:

    /^(?:\D*\d){3}\D*$/


    document
    .getElementById('usuario')
    .addEventListener('input',validar);


function validar() {
    var usuario = document.getElementById('usuario').value,
        resultado = document.getElementById('resultado');

    patron = /^(?:\D*\d){3}\D*$/;
    if(patron.test(usuario)){
        resultado.innerText = "correcto";
    }else{
        resultado.innerText = "ERROR";
    }
}
    <input type="text" id="usuario" placeholder="Nombre de usuario">
<pre id="resultado"></pre>


    4. Удалите все, что не является цифрой

    Но, возможно, вам будет гораздо проще все исключить, оставив только цифры и используя то же, что и в первом пункте:

    document
    .getElementById('usuario')
    .addEventListener('input',validar);


function validar() {
    var usuario = document.getElementById('usuario').value,
        resultado = document.getElementById('resultado');

    var soloDigitos = usuario.replace(/\D+/g, '');
    if(soloDigitos > 99 && soloDigitos < 1000){
        resultado.innerText = "correcto";
    }else{
        resultado.innerText = "ERROR";
    }
}
    <input type="text" id="usuario" placeholder="Nombre de usuario">
<pre id="resultado"></pre>

    • 3

  2. Проблема с вашим выражением заключается в том, что если вы напишете текст, состоящий из 3 чисел подряд, он вернет true, потому что именно это означает ваше выражение.

    Вы должны указать, что от начала до конца строки она содержит только 3 числа, используя ^в начале и $в конце:

    function validar() {

  usuario = document.getElementById('usuario').value;

    patron = /^[0-9]{3}$/;
    if(patron.test(usuario)){
        alert("correcto")
    }else{
        alert("ERROR")
    }

}
    <input id="usuario" type="text" />

<button onclick="validar()"> Validar</button>

    ^означает поиск в начале строки и $в конце.

    • 2