Форма обратной связи / Валидация формы на JS

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ธ.ค. 2024

ความคิดเห็น • 45

  • @codelab_channel
    @codelab_channel  2 ปีที่แล้ว +1

    Готовый код второго урока (с комментариями) ➝ codelab.pro/forma-obratnoj-svyazi-validacziya-formy-na-js/

  • @horsewithnoname3015
    @horsewithnoname3015 2 ปีที่แล้ว +2

    боже мой, вы просто герой, я уже 2 дня пишу коды с разных туториалов не зная в чем ошибка, а в вашем разобрался и добавил себе, так сказать крепкое, мужские чмок в пупок вам

  • @ИринаЖукова-ю4е
    @ИринаЖукова-ю4е ปีที่แล้ว +1

    Спасибо за видео, всё чётко и понятно

  • @andvink
    @andvink 3 ปีที่แล้ว +3

    Полезное видео, спасибо!

  • @DerAleksey
    @DerAleksey 2 ปีที่แล้ว +2

    классический подход!

  • @Nebogr
    @Nebogr 2 ปีที่แล้ว +2

    Могли бы так же снять видео как делать многостраничик, пожалуйста...Как переходить из одной вкладки в другую и тп.

  • @kosha9951
    @kosha9951 3 ปีที่แล้ว +1

    Спасибо!🤗

  • @alisher9442
    @alisher9442 2 ปีที่แล้ว +2

    Красава братан спасибо большое

  • @НаталияКондратьева-ч3ы
    @НаталияКондратьева-ч3ы 3 ปีที่แล้ว +1

    спасибо, интересное видео!

  • @НаташаТ-б7э
    @НаташаТ-б7э 11 หลายเดือนก่อน

    Добрый вечер. Делала все точь-точь , но форма не работает. Поля даже при правильном вводе горят красным .Как исправить ошибку?

  • @leniyuva3290
    @leniyuva3290 3 ปีที่แล้ว +1

    Спасибо за видео! Будет ли третья часть?

    • @codelab_channel
      @codelab_channel  3 ปีที่แล้ว

      Будет, материал готов надо только записать после праздников)

  • @mariash5784
    @mariash5784 3 ปีที่แล้ว +1

    Спасибо, полезная информация!)
    Как можно сделать, чтобы при неправильно заполненных полях, после нажатия кнопки отправить не исчезала вся информация из полей, а подсвечивалась красным неправильно заполненная область для последующей коррекции?

    • @codelab_channel
      @codelab_channel  3 ปีที่แล้ว +1

      Он вроде и так не стирает информацию с формы) если вы не правильно заполнили поля, скрипт блокирует отправку формы. Ну и соответственно не происходит перезагрузка страницы с удалением всех полей.

  • @c4973
    @c4973 2 ปีที่แล้ว

    подскажите пожал. куда в вашем коде вставить вывод под инпут ошибок (имя содержит менее 3 букв, поле не заполнено, не более 8 букв, не верное значение почты)? И второе где в вашем кода дописать, чтобы при не верно заполненных инпутах дать кнопке сабмиту серый фон ------------------ не могу понять.
    Помогите, пожалуйста.

  • @c4973
    @c4973 2 ปีที่แล้ว +1

    подскажите пожалуйста почему в консоле ошибка
    Uncaught TypeError: forms is undefined. на 11-й минуте

    • @codelab_channel
      @codelab_channel  2 ปีที่แล้ว

      Вы скиньте код, посмотрим..

  • @vova_king
    @vova_king 2 ปีที่แล้ว +1

    В коде есть ошибки. Например в браузере chrome на файл app.js ругается на 3-6 строку "const button = form.elements["button"];" соответствено все функции не работаеют ((( (P.S. брал файлы из Гита)

    • @annazharkova8801
      @annazharkova8801 ปีที่แล้ว

      Привет! Подскажи пожалуйста, удалось ли решить проблему? Тоже не могу понять, что не так..

    • @vova_king
      @vova_king ปีที่แล้ว

      @@annazharkova8801 как то я ее решил, но это было давно надо вспоминать

  • @нргигтш
    @нргигтш 2 ปีที่แล้ว +1

    А как проверить checkbox на наличие галочки, а то все поля проверяются, значение checkbox "required" игнорируется и выполняется отправка формы?

    • @codelab_channel
      @codelab_channel  2 ปีที่แล้ว +1

      Проверяй так if (checkbox.checked) {
      ..
      }

    • @codelab_channel
      @codelab_channel  2 ปีที่แล้ว +1

      Ну соответственно вместо checkbox подставляй свое имя чекбокса

    • @нргигтш
      @нргигтш 2 ปีที่แล้ว

      @@codelab_channel это вставить в функцию inputCheck после проверки заполненности инпутов? И внутрь if{...} тоже прописать is-value и значение 1 и 0?

    • @нргигтш
      @нргигтш 2 ปีที่แล้ว +1

      @@codelab_channel а еще, заметила, что если сразу заполнить правильно второй инпут, а первый оставить пустым или заполнить неверно, то форма все равно отправится

    • @нргигтш
      @нргигтш 2 ปีที่แล้ว +1

      @@codelab_channel но все равно большое спасибо вам за труд, было интересно и полезно!

  • @Im_selena
    @Im_selena 2 ปีที่แล้ว

    теперь ошибка Uncaught TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator))
    at Function.from ()
    at app.js:2:23
    не пому что сделать

  • @bran3660
    @bran3660 ปีที่แล้ว

    Почему вместо 0 приходит null и в результате ничего не работает

  • @epic3386
    @epic3386 2 ปีที่แล้ว +1

    привет, в чём может быть проблема? я проверяю на валидность 2 инпута, и если оба 1, будет 1. Если первый - 1, второй - 0, итог - 0. И внимание!!! Если первый - 0, а второй - 1, то итог будет 1 !!! Почему?!!! Должен же быть общий 0. У тебя по времени это на 22:18

    • @mag222ico
      @mag222ico 2 ปีที่แล้ว +2

      И я с этим столкнулся. Приходит пустая форма, заполнен только последний пункт. Проверил, так оно и есть, достаточно заполнить последний пункт, форма отправляется без проблем. нужно в строке return acc && current; оставить только один & вот так return acc & current; По крайней мере мне помогло.

    • @dimonsergeich
      @dimonsergeich 2 ปีที่แล้ว +2

      @@mag222ico Огромное спасибо! Помогло исправить ту же ошибку )

    • @user-natal04ka
      @user-natal04ka ปีที่แล้ว

      Видимо потому что 0 и 1 в массиве должны быть числами, а не строками

  • @sosed22
    @sosed22 3 ปีที่แล้ว +1

    а можно код js файла? ошибка выходит: Cannot read properties of undefined (reading 'elements')

    • @codelab_channel
      @codelab_channel  3 ปีที่แล้ว +1

      Добрый день! Сегодня выложу в описание.

    • @sosed22
      @sosed22 3 ปีที่แล้ว +1

      а код так и не выложили

    • @codelab_channel
      @codelab_channel  3 ปีที่แล้ว

      @@sosed22 cloud.mail.ru/public/CeV4/H1W63zrrx

    • @sosed22
      @sosed22 3 ปีที่แล้ว +1

      @@codelab_channel супер, спасибо

    • @Im_selena
      @Im_selena 2 ปีที่แล้ว

      @@codelab_channel здравствуйте у меня такая же ошибка, а кода по ссылке нет .помогите
      ошибка
      app.js:3 Uncaught TypeError: Cannot read properties of undefined (reading 'addEventListener')
      at app.js:3:6

  • @c4973
    @c4973 2 ปีที่แล้ว

    почему может быть form undefined ? повторяю видео

  • @АлексейГайсин-1974
    @АлексейГайсин-1974 3 ปีที่แล้ว +2

    А если форм несколько?

    • @codelab_channel
      @codelab_channel  3 ปีที่แล้ว

      Пока этот момент не доработал

    • @e-money1112
      @e-money1112 ปีที่แล้ว

      Добрый день,нашли решение?если да, то можете поделиться кодом пожалуйста?буду очень благодарен))уже 2 день сижу над этой проблемой(

  • @sergey_zatsepin
    @sergey_zatsepin 2 ปีที่แล้ว

    У тебя в коде херь какая-то лишняя. Посмотри Constraint Validation Api: валидация по атрибутам инпутов доступна из коробки что называется

    • @codelab_channel
      @codelab_channel  2 ปีที่แล้ว

      Ну дак я не спорю, что с этим API проще. Вставил атрибут pattern в инпут и все. Здесь я показал как делать проверку с подсветкой инпутов. Как это реализовать на Constraint Validation Api я хз.