JS: делаем маску ввода телефона в input. Анимация заполнения поля

Поделиться
HTML-код
  • Опубликовано: 17 ноя 2024

Комментарии • 33

  • @laretabatl5934
    @laretabatl5934 9 месяцев назад +1

    Спасибо за то, что щедро делитесь знаниями

  • @ivan_sukhachev
    @ivan_sukhachev 9 месяцев назад +5

    Думал на чистом будет реализация маски, с либой неинтересно)

  • @alekssjeva951
    @alekssjeva951 9 месяцев назад +2

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

    • @wooovka
      @wooovka 9 месяцев назад

      Думал в видео что то своё будет написано))

    • @КаримНацикеров
      @КаримНацикеров 9 месяцев назад

      Сделай доброе дело, напиши максимально коротко или переведи с индийского 😅

    • @КаримНацикеров
      @КаримНацикеров 9 месяцев назад

      Да херня это, современные сервера это вообще не чуют)

    • @wooovka
      @wooovka 9 месяцев назад

      @@КаримНацикеров я на работе для сайтов маску в три строки кода написал)

    • @flowcsgo804
      @flowcsgo804 9 месяцев назад

      У меня сотки гб свободно на компе, все норм

  • @РустамСалимов-о5з
    @РустамСалимов-о5з 9 месяцев назад +1

    Здравствуйте. При попытке перейти на ваш сайт, пишет что не удается получить доступ. Это у всех так?

  • @VasyaFF
    @VasyaFF 9 месяцев назад

    Очень интересно. У меня было задание, в котором надо было сделать так, чтобы пользователь вводил дату, но точки/тире за него ставились бы "сами". Ох я попотел.

    • @DzhavidR
      @DzhavidR 9 месяцев назад

      как решил?

    • @VasyaFF
      @VasyaFF 9 месяцев назад

      @@DzhavidRГод назад был проект. Вроде подписка на инпут + куча if'ов вроде ` if(input.length === 3) input += '.'`

  • @Aqatezumr
    @Aqatezumr 9 месяцев назад

    Можно добавить ограничение ввода цифр, неактивным полем ввода, после ввода нужного количества цифр, что бы цифры вообще не вводились как это было видно из консоли браузера.

  • @VsKop-bx4es
    @VsKop-bx4es 9 месяцев назад

    Добрий день. Зробіть курс по next.js. Запити на такі курси дуже великі. А з Вашою, подачею інформації, він був би, дуже продуктивним. Дякую...

  • @ypohut1673
    @ypohut1673 8 месяцев назад

    Коммент в поддержку🎉 сделайте пожалуйста еще про Пайтон какие-нибудь видео

  • @slagrach
    @slagrach 9 месяцев назад +1

    Как всегда топ!

  • @Victorytasty
    @Victorytasty 9 месяцев назад

    Александр, это супер круто😍😍🔥
    Спасибо!♥♥♥
    А почему у Вас в vscode логотип деревце? Я тоже хочу деревце😄

  • @secondname_lastmane
    @secondname_lastmane 8 месяцев назад

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

  • @sven7091
    @sven7091 8 месяцев назад

    к сожалению в конце при изменении цвета, а точнее при вводе уравнения в 'rgb' ничего не произошло, даже никаких отметок о том, что это отдельное выражение.

  • @vasyaklishch4184
    @vasyaklishch4184 9 месяцев назад

    Топчик

  • @Black1991Star
    @Black1991Star 9 месяцев назад +1

    А теперь посмотрите что вы отправляете на сервер и в каком виде. 😀

    • @webapp7273
      @webapp7273 9 месяцев назад

      А как это относится данному уроку? Естественно, что на стороне сервера необходимо преобразовать номер телефона в необходимый вид, а потом его сохранять в бд. Так это делается элементарно!

    • @Black1991Star
      @Black1991Star 9 месяцев назад

      @@webapp7273 а ещё добавить элементы масски и получить пару ласковых от бэкенд разаработчика за такой "телефонный номер". Не надо учить людей делать НЕ ПРАВИЛЬНО. Если ваш код будет создавать другим проблемы и нуждаться в "доработачках"... значит вы что-то делаете не правильно. Если пишете для "себя" можете его хоть BASE64 отсылать, но раз вы позиционируете как образовательный контент за который берете деньги за обучение... то об`ясняйте, пожалуйста на реальних примерах. А то ж потом ваш пример ещё как "эталон" будет в выдаче.

  • @КаримНацикеров
    @КаримНацикеров 9 месяцев назад

    Это хорошо конечно но боле интересно как такая библиотека написана

  • @MRaynold
    @MRaynold 9 месяцев назад

    😊

  • @alexeyfilippov42
    @alexeyfilippov42 9 месяцев назад

    сейчас делаю 1 инпут который может принимать телефон и применять маску или email вот это уже некст лвл, второй день страдаю

  • @АндрейНи-э9р
    @АндрейНи-э9р 9 месяцев назад +2

    Думал будем сами маску писать, а тут просто библиотеку подключили и все, не интересно.

    • @alekssjeva951
      @alekssjeva951 9 месяцев назад

      Я пытался такую маску написать, чтобы она была более-менее универсальна и влазила в 2-3 кб кода - безрезультатно, очень много ньюансов и багов вылазит. Если маска только под жёстко фиксированный формат ввода - то тогда всё просто, несколько строк кода.

    • @thelowfer1016
      @thelowfer1016 9 месяцев назад

      @@alekssjeva951 А как ты вообще самостоятельно освоил JS?

    • @mit7871
      @mit7871 8 месяцев назад

      ​@@thelowfer1016ты это спрашиваешь под видео уроком по js, ты серъёзно?

    • @mit7871
      @mit7871 8 месяцев назад

      ​@@alekssjeva951я думаю, что это реально, возможно не 2-3кб, но зная регулярки можно придумать что-то)

    • @thelowfer1016
      @thelowfer1016 8 месяцев назад

      @@mit7871 Естественно, why not?