2

Подскажите пжл. создал поле input в котором есть jquery inputmaska +7(___) ___ __ __ как мне сделать что первым числом нельзя было вводить 7 и 8 а далее можно было вводить уже их и любые числа кроме текста конечно и символов. Полдня ищу решения не работает, пробую через регулярное выражение, но не хочет работать, можете подсказать решение? делаю вот так

$('.tel').inputmask("mask", { "mask": "+7(999) 999-99-99", "clearIncomplete": false, "showMaskOnHover": true, "showMaskOnFocus": false, definitions: { "9": { validator: "[^7,8]" } } }); });

Но 7 и 8 первыми не работают, но и дальше их вставить нельзя ((

12
  • Да, потому что validator: "[^7,8]" запрещает ввод 7, 8 и запятой в любой позиции. 19 мар 2021 в 15:13
  • делал и так [^7-8] работает 7 и 8 не водиться но мне надо что бы только первый символ не вводился а дальше что бы они работали 19 мар 2021 в 15:36
  • Какое можно еще решение сделать ? 19 мар 2021 в 15:51
  • Попробуйте как в документации, добавьте definitions: { '*': { validator: "[0-69]" }}, а потом "mask": "+*(999) 999-99-99", т.е. [0-69] разрешат ввод любой цифры, кроме 7 и 8. 19 мар 2021 в 15:58
  • я может не корректно пояснил +7 - мне надо а далее (7,8__) ___ __ __ запретить вод, а далее разрешить, это сделано для того что бы не дублировали первую семерку или восьмерку, люди иногда не видят +7 и начинают вводить номер заново с 7 или 8 19 мар 2021 в 16:25

1 ответ 1

1

Вам нужно переопределить шаблон для символа, который идёт сразу после (. Сейчас это 9, то есть любая цифра. Вам же нужен шаблон [0-69], то есть любая цифра кроме 7 и 8.

Определите собственный шаблон и используйте его вместо 9. В нижеприведённом коде этот шаблон приписан символу *, так как он у вас не используется, и поэтому маска выглядит как "mask": "+7(*99) 999-99-99":

$(document).ready(function () {
  $('.tel').inputmask("mask", {
     "mask": "+7(*99) 999-99-99",
     "clearIncomplete": true,
     "showMaskOnHover": true,
     "showMaskOnFocus": false,
     "definitions": { '*': { "validator": "[0-69]" }}
  });
})
.wrap {
         height: 100vh;
         display: -webkit-flex;
         display: -moz-flex;
         display: -ms-flex;
         display: -o-flex;
         display: flex;
         -ms-align-items: center;
         align-items: center;
         justify-content: center;
      }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script>
<div class="wrap">
    <input type="text" class="tel">
</div>

1
  • Да круто, я потом уже начал догадываться что так примерно можно только я X видел заменяли, но не было времени попробовать, но теперь все ясно, супер. еще раз спасибо 20 мар 2021 в 18:54

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

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