Доработать валидатор номера телефона
2022-09-09 00:18:30
Вот тут в оформлении заказа https://chekhol.com.ua/basket/
Должны быть такие алерты, если номер телефона невалидный ( рис 1, рис 2, рис 3). Важно так же, что бы алерты отображались как при вводе, так при копипасте (фокусе).
Текст "Введите корректный номер телефона" - цвет #ef9f8d, по размеру что бы не выходило на 2-ю строчку (около 10px).
Иконка - ⚠️ размер font-size: 20px, Цвет #ef9f8d
Так же, нужно подправить форму так, что бы по умолчанию было "+38", а в самой маске не было скобок, что бы формат был "+38 093 344 73 72".
И самый важный пункт, нужно что бы при вставлении номера телефона или автозаполнении форма не "поглощала" числа, ибо сейчас если грубо говоря вставить номер "0933447372", получим в результате "+38 (093) 3". Нужно что бы телефон не обрезало, а если по маске телефон не подходит, то он продолжался после "+38", то есть дополнялся. При этом проверка на валидность так же должна проходить во время копипаста.
Сколько нужно часов для реализации?
Должны быть такие алерты, если номер телефона невалидный ( рис 1, рис 2, рис 3). Важно так же, что бы алерты отображались как при вводе, так при копипасте (фокусе).
Текст "Введите корректный номер телефона" - цвет #ef9f8d, по размеру что бы не выходило на 2-ю строчку (около 10px).
Иконка - ⚠️ размер font-size: 20px, Цвет #ef9f8d
Так же, нужно подправить форму так, что бы по умолчанию было "+38", а в самой маске не было скобок, что бы формат был "+38 093 344 73 72".
И самый важный пункт, нужно что бы при вставлении номера телефона или автозаполнении форма не "поглощала" числа, ибо сейчас если грубо говоря вставить номер "0933447372", получим в результате "+38 (093) 3". Нужно что бы телефон не обрезало, а если по маске телефон не подходит, то он продолжался после "+38", то есть дополнялся. При этом проверка на валидность так же должна проходить во время копипаста.
Сколько нужно часов для реализации?
Ответы:
1. Валидаторы же срабатывают при отправки формы. Ты хочешь чтобы при любом изменении именно этого поля срабатывали?
2. 1ч
Третяк Артур
OneBox Insiders писал/а:
И самый важный пункт, нужно что бы при вставлении номера телефона или автозаполнении форма не "поглощала" числа, ибо сейчас если грубо говоря вставить номер "0933447372", получим в результате "+38 (093) 3". Нужно что бы телефон не обрезало, а если по маске телефон не подходит, то он продолжался после "+38", то есть дополнялся. При этом проверка на валидность так же должна проходить во время копипаста.
тут не понял
2. 1ч
Третяк Артур
OneBox Insiders писал/а:
И самый важный пункт, нужно что бы при вставлении номера телефона или автозаполнении форма не "поглощала" числа, ибо сейчас если грубо говоря вставить номер "0933447372", получим в результате "+38 (093) 3". Нужно что бы телефон не обрезало, а если по маске телефон не подходит, то он продолжался после "+38", то есть дополнялся. При этом проверка на валидность так же должна проходить во время копипаста.
тут не понял
12.09.2022, 11:31
Итого, шо делаем: при любом изменении в поле делаем валидацию. Если валидация не прошла - подсвечиваем но заказ даем оформить все-равно. 2ч на всё
12.09.2022, 11:42
если номер длиннее или короче 12 символов все-равно не обрезаем его и закидываем в заказ.
12.09.2022, 11:43
Счет.
12.09.2022, 11:46
Оплачено
13.09.2022, 13:36
Всё работает, но есть один нюанс при автозаполнении почему-то ограничивается номер телефона https://take.ms/RJwQD
Или же ctrl + c 380501234567 ctrl + v
Или же ctrl + c 380501234567 ctrl + v
16.09.2022, 15:35
Если вставлять в таком формате - 0501234567 - нормально?
16.09.2022, 15:51
Derkach Dmytriy писал/а:
0501234567
Норм. А вот если 380501234567 - то обрезается
16.09.2022, 15:59
Третяк Артур
OneBox Insiders писал/а:
Derkach Dmytriy писал/а:
0501234567
Норм. А вот если 380501234567 - то обрезается
Поправлю
16.09.2022, 19:39
Третяк Артур
OneBox Insiders писал/а:
Derkach Dmytriy писал/а:
0501234567
Норм. А вот если 380501234567 - то обрезается
Исправлено. Проверьте сейчас
20.09.2022, 12:29
Derkach Dmytriy писал/а:
Третяк Артур
OneBox Insiders писал/а:
Derkach Dmytriy писал/а:
0501234567
Норм. А вот если 380501234567 - то обрезается
Исправлено. Проверьте сейчас
Вроде ок, но есть ещё одна проблема :))
Почему-то при автозаполнении с андроида обрезается часть номера телефона всё равно. По идеи даже при любом автозаполнении. Можешь плиз посмотреть, что не так?
18.10.2022, 11:40
Derkach Dmytriy писал/а:
Третяк Артур
OneBox Insiders писал/а:
Derkach Dmytriy писал/а:
0501234567
Норм. А вот если 380501234567 - то обрезается
Исправлено. Проверьте сейчас
?
20.10.2022, 17:50
Derkach Dmytriy писал/а:
Проверю
Так и не работает(
02.11.2022, 12:01
при автозаполнении используется другой event, не вставка
ищу решение как поправить маску под данные тип
ищу решение как поправить маску под данные тип
03.11.2022, 20:38
Derkach Dmytriy писал/а:
при автозаполнении используется другой event, не вставка
ищу решение как поправить маску под данные тип
Есть какое-то решение?
16.11.2022, 16:32
Derkach Dmytriy писал/а:
при автозаполнении используется другой event, не вставка
ищу решение как поправить маску под данные тип
Привет. Когда будет решение?
Уже горит.
05.12.2022, 14:37
Работаю над этим. Топик у меня в закрепах, так что я про него не забыл
05.12.2022, 14:53
Derkach Dmytriy писал/а:
Работаю над этим. Топик у меня в закрепах, так что я про него не забыл
Гуд, очень ждём
05.12.2022, 17:04
Исправил. Будет вставляться нормально. Ожидайте обновление
12.01.2023, 17:23
Обновлено. Проверяйте (только кеш браузера скинуть нужно)
12.01.2023, 18:50
Теперь работает как нужно?
16.01.2023, 14:09
Derkach Dmytriy писал/а:
Теперь работает как нужно?
Вроде да, если что, создадим отдельную задачу. Спасибо большое <3
16.01.2023, 14:15
Пожалуйста, присоединяйтесь к диалогу. Если вам есть что сказать - пожалуйста, напишите комментарий. Для входа потребуется мобильный телефон и смс-код для идентификации.
Войти и написать комментарий
Copyright © OneBox 2024
