1b.app
Скопійоване посилання -

Доопрацювати валідатор номера телефону

Ось тут в оформленні замовлення 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", тобто доповнювався. При цьому перевірка на валідність також має відбуватися п
Оригінальне питання доступне на версії: ru

Відповіді:

1. Валідатори ж спрацьовують під час відправлення форми. Ти хочеш, щоб за будь-якої зміни саме цього поля спрацьовували?
2. 1ч

Третяк Артур
OneBox Insiders написав:
І найважливіший пункт, потрібно щоб при вставленні номера телефону або автозаповнення форма не "поглинала" числа, бо зараз якщо грубо кажучи вставити номер "0933447372", отримаємо в результаті "+38 (093) 3". Потрібно щоб телефон не обрізало, а якщо по масці телефон не підходить, то він продовжувався після "+38", тобто доповнювався. При цьому перевірка на валідність також має відбуватися під час копіпасту.

тут не зрозумів
12.09.2022, 11:31
Оригінальний коментар доступний на версії: ru

Разом, що робимо: за будь-якої зміни в полі робимо валідацію. Якщо валідація не пройшла - підсвічуємо але замовлення даємо оформити все одно. 2ч на все
12.09.2022, 11:42
Оригінальний коментар доступний на версії: ru

якщо номер довше або коротше 12 символів все одно не обрізаємо його і закидаємо на замовлення.
12.09.2022, 11:43
Оригінальний коментар доступний на версії: ru



Третяк Артур OneBox Insiders
Іменна ліцензія
Все працює, але є один нюанс при автозаповненні чомусь обмежується номер телефону https://take.ms/RJwQD
Або ж ctrl + c 380501234567 ctrl + v
16.09.2022, 15:35
Оригінальний коментар доступний на версії: ru

Якщо вставляти в такому форматі – 0501234567 – нормально?
16.09.2022, 15:51
Оригінальний коментар доступний на версії: ru

Третяк Артур OneBox Insiders
Іменна ліцензія

Derkach Dmytriy написав:
0501234567

норм. А ось якщо 380501234567 - то обрізається
16.09.2022, 15:59
Оригінальний коментар доступний на версії: ru


Третяк Артур
OneBox Insiders написав:

Derkach Dmytriy написав:
0501234567

норм. А ось якщо 380501234567 - то обрізається

Виправлю
16.09.2022, 19:39
Оригінальний коментар доступний на версії: ru


Третяк Артур
OneBox Insiders написав:

Derkach Dmytriy написав:
0501234567

норм. А ось якщо 380501234567 - то обрізається

Виправлено. Перевірте зараз
20.09.2022, 12:29
Оригінальний коментар доступний на версії: ru

Третяк Артур OneBox Insiders
Іменна ліцензія

Derkach Dmytriy написав:

Третяк Артур
OneBox Insiders написав:

Derkach Dmytriy написав:
0501234567

норм. А ось якщо 380501234567 - то обрізається

Виправлено. Перевірте зараз

Начебто ок, але є ще одна проблема :))
Чомусь при автозаповненні з андроїда обрізається частина номера все одно. За ідеєю навіть при будь-якому автозаповненні. Можеш побачити, що не так?
18.10.2022, 11:40
Оригінальний коментар доступний на версії: ru

Третяк Артур OneBox Insiders
Іменна ліцензія

Derkach Dmytriy написав:

Третяк Артур
OneBox Insiders написав:

Derkach Dmytriy написав:
0501234567

норм. А ось якщо 380501234567 - то обрізається

Виправлено. Перевірте зараз

?
20.10.2022, 17:50
Оригінальний коментар доступний на версії: ru


Третяк Артур OneBox Insiders
Іменна ліцензія

Derkach Dmytriy написав:
Перевірю

Так і не працює (
02.11.2022, 12:01
Оригінальний коментар доступний на версії: ru

при автозаповненні використовується інший event, не вставка
шукаю рішення як поправити маску під дані тип
03.11.2022, 20:38
Оригінальний коментар доступний на версії: ru

Третяк Артур OneBox Insiders
Іменна ліцензія
[цитата]
Derkach Dmytriy писал/а:
при автозаповненні використовується інший event, не вставка
шукаю рішення як поправити маску під дані тип
[/quote]
Чи є якесь рішення?
16.11.2022, 16:32
Оригінальний коментар доступний на версії: ru

Третяк Артур OneBox Insiders
Іменна ліцензія

Derkach Dmytriy написав:
при автозаповненні використовується інший event, не вставка
шукаю рішення як поправити маску під дані тип

Вітання. Коли буде рішення?
Вже горить.
05.12.2022, 14:37
Оригінальний коментар доступний на версії: ru

Працюю над цим. Топик у мене в закрепах, тож я про нього не забув
05.12.2022, 14:53
Оригінальний коментар доступний на версії: ru

Третяк Артур OneBox Insiders
Іменна ліцензія

Derkach Dmytriy написав:
Працюю над цим. Топик у мене в закрепах, тож я про нього не забув

Гуд, дуже чекаємо
05.12.2022, 17:04
Оригінальний коментар доступний на версії: ru

Виправив. Вставлятиметься нормально. Чекайте на оновлення
12.01.2023, 17:23
Оригінальний коментар доступний на версії: ru

Оновлено. Перевіряйте (лише кеш браузера потрібно скинути)
12.01.2023, 18:50
Оригінальний коментар доступний на версії: ru


Третяк Артур OneBox Insiders
Іменна ліцензія

Derkach Dmytriy написав:
Тепер працює як треба?

Начебто так, якщо що, створимо окреме завдання. Велике дякую <3
16.01.2023, 14:15
Оригінальний коментар доступний на версії: ru

Будь ласка, приєднуйтесь до діалогу. Якщо вам є що сказати – будь ласка, напишіть коментар. Для входу потрібний мобільний телефон та смс-код для ідентифікації. Увійти та написати коментар