0

Хочу сделать маску ( https://github.com/igorescobar/jQuery-Mask-Plugin ) для номера телефона, чтобы всегда в поле было +70 а дальше уже пользователь мог ввести любые свои цифры.

Делаю так:

jQuery(function($) {
  $('#ph').mask('+70 000-000-00-00');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js"></script>
<input id="ph" />

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

2 ответа 2

1

Измените глобальные настройки. Переназначьте 0 на другой символ, а сам 0 удалите оттуда.

jQuery(function($) {
  $.jMaskGlobals.translation["d"] = $.jMaskGlobals.translation["0"];
  delete $.jMaskGlobals.translation["0"];
  
  $("#ph").mask('+70 ddd-ddd-dd-dd')
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js"></script>
<input id="ph" />

0

Попробуйте так:

$('#ph').mask("+7z 000 000", {
  translation: {
    'z': {
      pattern: /[0]/, optional: false
    }
  }
});
2
  • сработало, но 0 сам не появляется, хотя другие символы кроме него не пропускает. но нужно чтобы +70 там было всегда
    – iKey
    28 мая 2019 в 11:49
  • С такой ситуацией с $.mask() не сталкивался. Но делал так: ставил border: 0 для input, перед ним писал span с нужным текстом (например, "+70") и вокруг них ставил div. В итоге выглядело, как будто это цельный Input.
    – Kosmos
    28 мая 2019 в 17:23

Ваш ответ

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

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