Как исправить глюк “маски” ввода телефона? На смартфонах невозможно вбить телефон

A5
На сайте с 01.12.2016
Offline
9
1863

Как исправить глюк “маски” ввода телефона? На смартфонах невозможно вбить телефонный номер.

Маска с телефоном глючит (строка уезжает вправо) в смартфонах в Опере и Хроме. В фаерфоксе все хорошо.

Можно поправить? Или надо менять модули?

Глючит: В Заказать звонок, в корзине, в регистрации

Это очень важно ибо в корзине невозможно оформить заказ. И пользователь вынужден будет покинуть корзину.

Сайт на Опенкарте http://santex3.tmweb.ru/

вход в админку http://santex3.tmweb.ru/admin

Имя и пароль: по запросу в личку

Вот как выглядит ошибка: https://yadi.sk/i/5YfGklDX3KVjAB

ДП
На сайте с 23.11.2009
Offline
203
#1

Я бы маску для мобильных вообще отключал.

Есть input type="tel" думаю, мобилки должны его поддерживать

http://htmlbook.ru/samhtml5/formy/pole-dlya-telefona

судя по сайту - там даже формат номера можно задавать.

dma84
На сайте с 21.04.2009
Offline
168
#2
Дикий пионер:
Я бы маску для мобильных вообще отключал.
Есть input type="tel" думаю, мобилки должны его поддерживать
http://htmlbook.ru/samhtml5/formy/pole-dlya-telefona
судя по сайту - там даже формат номера можно задавать.

Дополню предложение оппонента. Если необходимо применять маску телефона в браузерах, не поддерживающих input type="tel", то можно проверять тип поля на JS.

Например, если браузер не поддерживает определённый тип, то свойство type будет возвращать 'text', для таких полей можно применять маску:


if($('input.phone')[0].type == 'text' && $.mask)
{
$('input.phone').mask('\+7 (999) 999-99-99');
}

По данным ресурса http://caniuse.com/#feat=input-email-tel-url, пролетает IE < 10

Проверил в Хроме, паттерн нужен только для валидации введённых данных, маска всё равно нужна, на мобилках не смотрел, как это поле себя ведёт.


<input type="tel" name="phone" pattern="\+7\s\([0-9]{3}\)\s[0-9]{3}-[0-9]{2}-[0-9]{2}">
<script>
$('input[name=phone]').mask('\+7 (999) 999-99-99');
</script>

По сути, бесполезный тип для десктопных браузеров.

UPD.

Для мобилок полезно только тем, что выводит цифровую клавиатуру для вода номера, маска всё равно нужна.

Использую этот плагин http://digitalbush.com/projects/masked-input-plugin/, правда, старую версию 1.3.1, новая глючила на некоторых мобилках.

Arsh
На сайте с 21.03.2007
Offline
199
#3
ale5:
Имя и пароль: по запросу в личку

И много запросило? 🍿

B
На сайте с 08.05.2017
Offline
11
#4
Arsh:
И много запросило? 🍿

Да забаннить его нужно, он тупо пиарит свой сайт, как всегда на 10 форумах.

---------- Добавлено 28.06.2017 в 15:52 ----------

dma84:
Дополню предложение оппонента. Если необходимо применять маску телефона в браузерах, не поддерживающих input type="tel", то можно проверять тип поля на JS.
.....
Использую этот плагин http://digitalbush.com/projects/masked-input-plugin/, правда, старую версию 1.3.1, новая глючила на некоторых мобилках.

Лучше бы в танки, cs, валянулись или ещё что-нибудь в своё удовольствие, чем тратили своё время на него (автора темы).

A5
На сайте с 01.12.2016
Offline
9
#5

Спасибо за советы, надеюсь поможет.

dma84
На сайте с 21.04.2009
Offline
168
#6
buslikdrev:
Да забаннить его нужно, он тупо пиарит свой сайт, как всегда на 10 форумах.

---------- Добавлено 28.06.2017 в 15:52 ----------



Лучше бы в танки, cs, валянулись или ещё что-нибудь в своё удовольствие, чем тратили своё время на него (автора темы).

В танки и без этого гамаем, а для себя я сделал интересные выводы, раньше эта тема не интересовала.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий