0

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

$(".js-input-telephone").on('keyup', function() {
  $(this).val($(this).val().replace(/\D/, '').substr(0, 13));
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="RegisterForm_contact" class="bl_form__input js-input-telephone" type="tel" placeholder="Ваш E-mail" name="RegisterForm[contact]" value="+380">

При вводе не цифр оно их удаляет вместе с +. Мне необходимо, чтобы "+" сохранялся.

8
  • 1
    Наверное, .replace(/[^\d+]/g,'').replace(/^([^+]*\+)|\++/g, '$1') 13 июл 2020 в 9:28
  • 1
    /(?=\+)|\D/g - нашел такое решение, но не понял как работает)) 13 июл 2020 в 9:41
  • Оба способа выше пропускают строку типа +38012+24323, где символ + находится в середине строки, хотя в условии вопроса не было сказано что только в начале строки. Возможно автору следует уточнить вопрос, для получения результата, который будет отвечать требованиям проверки номера.
    – user341547
    13 июл 2020 в 10:02
  • @PotroNik "+38012+24323".replace(/[^\d+]/g,'').replace(/^([^+]*\+)|\++/g, '$1') => +3801224323. 13 июл 2020 в 11:23
  • 1
    @PotroNik В вопросе нет ни слова о том, что + должен быть оставлен только в начале строки. Даже примера нет. Если бы было, всё, что нужно поправить, это .replace(/[^\d+]/g,'').replace(/^(\+)|\++/g, '$1') 13 июл 2020 в 11:54

2 ответа 2

2

UPD2: Из за чего возникает проблема в вопросе автора:
В функции замены указан шаблон \D означающий любой символ отличный от цифр, символ + не относится к диапазону цифр и заменяется при вводе символа при переходе в функцию. Просто исключить замену символа + заменив \D на [^\d+], тогда символ + можно будет записывать в строке в любом месте


Или как один из вариантов, это изменить регулярное выражение.

(?:(^\+\d*)[^\d]|^[^\d+])
//изменен на
^(?:(\+?\d*)?[^\d]*)
//так как в случае если строка начинается не с плюс, можно ввести любой символ.

Захватывает в начале строки символ + и ноль и более цифр в группу, и заменяем любой символ отличный от цифры на пустоту, возвращая только значение захваченной группы $1 UPD: поправил проблему в случае если стереть строку, то можно было писать все что угодно


Пример:

$(".js-input-telephone").on('keyup', function() {
  $(this).val($(this).val().replace(/^(?:(\+?\d*)?[^\d]*)/g, '$1').substr(0, 13));
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="RegisterForm_contact" class="bl_form__input js-input-telephone" type="tel" placeholder="Номер телефона" name="RegisterForm[contact]" value="+380">

1

Скорее всего так:

$(this).val().replace(/^\D*(\+)|\D/g, '$1')

PS: Код из вопроса не делает того, что о нём написано.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.