JS: делаем маску ввода телефона в input. Анимация заполнения поля
HTML-код
- Опубликовано: 9 фев 2024
- 🔥 Ccылка на курс: itgid.info/ru/course/ts
🫶 Поблагодарить автора - монобанк: 5375414126666006 Лущенко О
🍹 Задонатить - www.buymeacoffee.com/itgid
✈️ Скачать код : t.me/itgid_info
Курсы автора:
HTML : itgid.info/ru/course/html
JavaScript 2.0: itgid.info/ru/course/js20
ReactJS: itgid.info/ru/course/reactjs
Интернет магазин: itgid.info/ru/course/nodeshop
Канал ru: / itgid
Канал UA: / @itgidua-web7836
Спасибо за то, что щедро делитесь знаниями
Думал на чистом будет реализация маски, с либой неинтересно)
Коммент в поддержку🎉 сделайте пожалуйста еще про Пайтон какие-нибудь видео
Александр, это супер круто😍😍🔥
Спасибо!♥♥♥
А почему у Вас в vscode логотип деревце? Я тоже хочу деревце😄
Здравствуйте. При попытке перейти на ваш сайт, пишет что не удается получить доступ. Это у всех так?
Проблема всех этих известных скриптов для масок ввода - то, что они много весят. То есть, из-за такой мелочи, как валидация ввода телефона, нужно тащить либу на 100 кб весом.
Думал в видео что то своё будет написано))
Сделай доброе дело, напиши максимально коротко или переведи с индийского 😅
Да херня это, современные сервера это вообще не чуют)
@@user-pt3yg5xg9w я на работе для сайтов маску в три строки кода написал)
У меня сотки гб свободно на компе, все норм
Как всегда топ!
Можно добавить ограничение ввода цифр, неактивным полем ввода, после ввода нужного количества цифр, что бы цифры вообще не вводились как это было видно из консоли браузера.
классный урок, но не универсальное решение. было бы здорово сделать сразу под номера всех стран
Очень интересно. У меня было задание, в котором надо было сделать так, чтобы пользователь вводил дату, но точки/тире за него ставились бы "сами". Ох я попотел.
как решил?
@@DzhavidRГод назад был проект. Вроде подписка на инпут + куча if'ов вроде ` if(input.length === 3) input += '.'`
Добрий день. Зробіть курс по next.js. Запити на такі курси дуже великі. А з Вашою, подачею інформації, він був би, дуже продуктивним. Дякую...
к сожалению в конце при изменении цвета, а точнее при вводе уравнения в 'rgb' ничего не произошло, даже никаких отметок о том, что это отдельное выражение.
😊
Топчик
А теперь посмотрите что вы отправляете на сервер и в каком виде. 😀
А как это относится данному уроку? Естественно, что на стороне сервера необходимо преобразовать номер телефона в необходимый вид, а потом его сохранять в бд. Так это делается элементарно!
@@webapp7273 а ещё добавить элементы масски и получить пару ласковых от бэкенд разаработчика за такой "телефонный номер". Не надо учить людей делать НЕ ПРАВИЛЬНО. Если ваш код будет создавать другим проблемы и нуждаться в "доработачках"... значит вы что-то делаете не правильно. Если пишете для "себя" можете его хоть BASE64 отсылать, но раз вы позиционируете как образовательный контент за который берете деньги за обучение... то об`ясняйте, пожалуйста на реальних примерах. А то ж потом ваш пример ещё как "эталон" будет в выдаче.
Это хорошо конечно но боле интересно как такая библиотека написана
Думал будем сами маску писать, а тут просто библиотеку подключили и все, не интересно.
Я пытался такую маску написать, чтобы она была более-менее универсальна и влазила в 2-3 кб кода - безрезультатно, очень много ньюансов и багов вылазит. Если маска только под жёстко фиксированный формат ввода - то тогда всё просто, несколько строк кода.
@@alekssjeva951 А как ты вообще самостоятельно освоил JS?
@@thelowfer1016ты это спрашиваешь под видео уроком по js, ты серъёзно?
@@alekssjeva951я думаю, что это реально, возможно не 2-3кб, но зная регулярки можно придумать что-то)
@@mit7871 Естественно, why not?
сейчас делаю 1 инпут который может принимать телефон и применять маску или email вот это уже некст лвл, второй день страдаю