0

На сайте используется yii2, В форме для валидации номера телефона подключён плагин jquery.maskedinput.min.js.
Подключение к полю ввода примерно такое:

$("#order-delivery_phone").mask("+380(999) 999-9999");

Само моле выводится так:

<?=$form->field($model, 'delivery_phone')->label(false)->error(false)->input('tel', ['class' => 'orderForm-sidebar__input', 'placeholder' => Yii::t('web', 'Телефон').'*', 'required' => ''])?>

но проблема в том, что после ввода номера, и когда курсор отводится с этого поля, т.е. когда происходит событие blur с данного поля ввода, то к данному полю добавляется класс has-error, и поле подсвечивается красным, т.е. скорее всего встроенному валидатору не нравится приставка +380.
А если сделать такую маску:

$("#order-delivery_phone").mask("(999) 999-9999");

то данный класс ошибки не добавляется, и валидация данного поля проходит нормально.
Подскажите, как избежать данной ошибки при валидации номера телефона?
Может нужно как-то отключить валидацию для номера телефона? Только где это можно сделать?

4
  • дак как тут по вашему 380 к маске относится? вот 9 это а-ля \d, то есть произвольное число.
    – teran
    27 ноя 2017 в 11:40
  • @teran, нужно сделать такую маску: +380..., т.е. чтобы при фокусе появлялась приставка +380.... Как тогда нужно сделать правильно?
    – word
    27 ноя 2017 в 11:45
  • @Yaroslav Molchan, вы не поняли вопрос
    – word
    27 ноя 2017 в 13:12
  • решил проблему. нужно было увеличить длину поля ввода для телефона ` ['delivery_phone'], 'string', 'max' => 18],` в файле Order.php
    – word
    28 ноя 2017 в 9:26

1 ответ 1

-1

Пример на CodeOpen. Работает с такой маской $("#phone").mask("+380 (999) 999-9999");

2
  • при чём здесь работает с такой маской? Я выше писал, что у меня с такой маской появляется класс has-error
    – word
    27 ноя 2017 в 12:15
  • Так выполните поиск "has-error" по коду и посмотрите где он добавляется и почему.
    – sv458
    27 ноя 2017 в 15:22

Ваш ответ

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

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