3

В продолжение своего вопроса о маске телефона возник еще один вопрос.

Как можно усовершенствовать код ( регулярное выражение), чтобы НЕ было возможности ввести все цифры одинаковыми? Т.е. Если пользователь вводит номер +7(111)111-1111 должна появляться ошибка, но если например так: +7(111)111-1112, то все отлично.

$('form').validate();
$('.js-phone').mask("+7(999)999-9999", {autoclear: false});

jQuery.validator.addMethod("checkMask", function(value, element) {
  return /\+\d{1}\(\d{3}\)\d{3}-\d{4}/g.test(value); 
});
label {
  display: block;
  margin: 10px 0;
}

.error {
  color: red;
}
<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.min.js"></script>
  
<form>
  <label>
    <input type="text" class="js-phone" name="ph" placeholder="Номер телефона" data-rule-required="true" data-rule-minlength="10" data-msg="Введите номер телефона" data-rule-checkMask="true">
  </label>
  
  <input type="submit" value="Отправить">
</form>

10
  • каким-нибудь replace с регуляркой заменить все не числа в строке на пустоту, а затем организовать цикл с посимвольным сравнением (кроме первой семерки)... т.е. последние 10.... и если все равны - выдавать сообщение. 3 июл 2017 в 14:09
  • 1
    а почему нельзя ввести все одинаковые цифры?
    – Grundy
    3 июл 2017 в 14:17
  • 1
    А вдруг реальный номер есть со всеми одинаковыми цифрами?
    – Visman
    3 июл 2017 в 14:17
  • @Visman с Мавритании теперь один номер и с Монтенегро будет недоступен для сайта :D 3 июл 2017 в 14:20
  • @Grundy, я вот тоже задаю такой вопрос, но ....
    – SVE
    3 июл 2017 в 14:21

1 ответ 1

4

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

Для этого можно воспользоваться возможностью проверять уже найденные группы например:

/\+\d\((\d){3}\)\1{3}-\1{4}/g

Пример:

$('form').validate();
$('.js-phone').mask("+7(999)999-9999", {
  autoclear: false
});

jQuery.validator.addMethod("checkMask", function(value, element) {
  return /\+\d{1}\(\d{3}\)\d{3}-\d{4}/g.test(value) &&
    !/\+\d\((\d){3}\)\1{3}-\1{4}/g.test(value);
});
label {
  display: block;
  margin: 10px 0;
}

.error {
  color: red;
}
<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.min.js"></script>

<form>
  <label>
    <input type="text" class="js-phone" name="ph" placeholder="Номер телефона" data-rule-required="true" data-rule-minlength="10" data-msg="Введите номер телефона" data-rule-checkMask="true">
  </label>

  <input type="submit" value="Отправить">
</form>

6
  • Круто, просто! Спасибо!
    – SVE
    3 июл 2017 в 14:29
  • 1
    @Grundy спасибо, очень полезно ;-) 3 июл 2017 в 14:29
  • а как изменить маску на такую +9 999 999-99-99 и использовать в нескольких формах, то есть есть 2-3 формы на сайте, и в каждой форме есть поля телефон
    – user438459
    29 авг 2023 в 14:47
  • @mat, надо поменять маску в вызове .mask. Этот вызов применяется ко всем выбранным элементам, в данном случае с классом js-phone.
    – Grundy
    29 авг 2023 в 16:27
  • будут ли какие-то проблемы, если форма после скриптов? сейчас у меня не работает.. также можно изменить маску на +9 999 999-99-99.. в таком маске при валидном вводе номера телефона.. все равно пишет ошибка
    – user438459
    30 авг 2023 в 17:11

Ваш ответ

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

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