UI-компоненты №13. Валидация и отправка формы на почту в 2022

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

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

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

    Друзья, записал небольшое обновление, т.к. новую версию плагина Just-Validate таки поправили) drive.google.com/file/d/19XTGYqh3RK6Fuc64dNATsc9hpQjYDFHs/view?usp=sharing

    • @МуратТуреханов-ф7ч
      @МуратТуреханов-ф7ч 2 ปีที่แล้ว +1

      Что то отправка не идет на почту. Хотя в консоли пишет статус 200 и форма отправлена.

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

      Файлы на почте не отображаются (нет прикреплённых файлов), в чём причина может быть? Ошибок нет никаких...

    • @alexdoronin9803
      @alexdoronin9803 5 หลายเดือนก่อน

      @@МуратТуреханов-ф7ч исправил проблему? у меня тоже на почту не приходит, хотя все по видео сделал

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

    От всей души спасибо. Впервые форма которая работает....и спасибо за обновленный код на гит хабе...Долго крутился со старым кодом, плюнул уже...а потом увидел на гите волшебные слова, что обновлено под новую версию....и чудо, все заработало.... Рад что когда-то давно наткнулся на ваш канал...не раз уже выручал.. Спасибо!!!

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

    Давно тебя смотрю, очень помогаешь во многих моментах. Незаслуженное количество подписчиков, считаю, что ты достоин намного большего! Отличная подача, максимально емкое и без воды изложение рассматриваемой темы. Продолжай и дальше в том же духе. Огромное спасибо!

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

      Пожалуйста)

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

    за такой полезный контент так мало лайков, дружище респект тебе

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

      Спасибо))

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

    Спасибо огромное за ваш обучающий контент. Не останавливаетесь не в коем случае))

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

      Пожалуйста)

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

    Спасибо большое, добрый человек! Наконец форма, которая работает! "Прикрутил" ее к модальному окну, добавил закрытие и оповещение об успешной отправке. То, что искал.

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

      Пожалуйста)

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

      Можешь пожалуйста скинуть mail.php без пароля, у меня почему то не получается, выдает 500 статус не пойму где ошибка(

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

      Можешь пожалуйста показать, как прикрутил к модальному окну

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

    Огромное спасибо за это видео! Все по делу, ничего лишнего, все в итоге работает. Автору респект!

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

      Спасибо)

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

    Большое спасибо за такой понятный и очень подробный урок, все детали были расказаны а видео принесло очень крутое понимание процесса создания таких форм для отправки данных)

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

      Пожалуйста)

  • @Фанат-щ9ь
    @Фанат-щ9ь 2 ปีที่แล้ว +2

    Вот прям как я и хотел, Максим спасибо вам что читаете коментарии.

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

      Рад помочь) пожалуйста)

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

    Спасибо за видео)
    p.s. если кто делает через яндекс почту, то тогда надо включить на почте imap(почта --> настройки --> почтовые программы). И там где $mail->Username вводить именно логин, а не адрес почты

  • @ВладимирЯрошенко-л6э
    @ВладимирЯрошенко-л6э 2 ปีที่แล้ว

    Максим, спасибо за материал! Очень полезно, все по делу и без лишней воды! Не останавливайся, продолжай, ты нас мотивируешь 💪 Всего тебе хорошего!🙏

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

      Спасибо))

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

    Спасибо вам огромное за ваше объяснение, всё срабатывает на все 100%!!!

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

      Отлично)

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

    Спасибо тебе большое за гайд! Наконец то смогу делать полноценные отправки формы😇

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

      Пожалуйста)

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

    Спасибо большое за полезную и нужную информацию!

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

      Пожалуйста)

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

    Отличный лайфхак с позиционированием текста ошибки justvalidate сверху - я лично морочился именно с position, чтобы этого добиться и до display:flex+flex-direction:column-reverse не допер. Спасибо за приемчик😎

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

      Пожалуйста)

  • @АлександрРусалеев-о8г
    @АлександрРусалеев-о8г 2 ปีที่แล้ว +5

    Очень жду обещанный марафон по насадке на CMS!

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

      Уже в работе) в феврале должен быть.

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

    Супер, как всегда качественно и полезно. Спасибо за ваш труд.

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

      Спасибо))

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

    Как всегда держишь планку. Спасибо!)

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

      Пожалуйста)

  • @ФранцузРусский-ы2ш
    @ФранцузРусский-ы2ш 2 ปีที่แล้ว

    Как всегда, КРАСАВА + лайк!!!!

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

      Спасибо)

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

    Максим, я пользуюсь Вашей gulp-сборкой уже несколько месяцев и не могу нарадоваться. Все отлично работает, все удобно, быстро и продуктивно.
    Лишь одна, пока нерешенная проблема немного печалит.
    Почему-то, не пойму по какой причине, некоторые js-библиотеки (их немного, но они есть), которые я подключаю к текущему проекту, помещая их в папку /vendor/ отказываются работать.
    Например, я использую библиотеку GSAP (для анимации элементов на странице сайта). Сама библиотека и большинство плагинов к ней подключаются (через vendor) без проблем и прекрасно работают. Но некоторые плагины при таком подключении выдают ошибку и работать не хотят. Кстати, если их подключать непосредственно в index.html через тег , то некоторые из них работают нормально.
    Почему так происходит понять не могу.
    Может быть Вы подскажете?
    Буду благодарен. Заранее спасибо.

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

      Здравствуйте. Через эту папку никак не подключить js, надо бы её снести. Всё библиотеки только через npm

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

    Спасибо! Хороший контент!

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

    Спасибо за видео! вы лучший!

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

      Спасибо)

  • @dmitryg.9533
    @dmitryg.9533 2 ปีที่แล้ว

    Великий человек!...Спасибо

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

      Пожалуйста =

  • @Web-Hitch
    @Web-Hitch 2 ปีที่แล้ว

    Класс! Было бы еще круче если бы в телеграмм приходило тоже

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

      Отдельное видео про это есть)

    • @Web-Hitch
      @Web-Hitch 2 ปีที่แล้ว

      @@maxgraph Ооо не видел можно ссылку на видео пожалуйста мне казалось я все пересмотрел на вашем канале))

  • @МихаилЖуравлев-э3с
    @МихаилЖуравлев-э3с 2 ปีที่แล้ว

    Годнота подъехала

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

      Хех))

  • @СергейГадаев-у5н
    @СергейГадаев-у5н 2 ปีที่แล้ว

    Благодарочка!

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

    Все круто !

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

      Спасибо)

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

    Хм, что за магия. 1-2 дня назад в планах задумал верстать новый сайт для портфолио и решил на нём научиться делать отправку форм на почту. Сегодня зашёл просто в рекомендации и сразу увидел это видео, при чём обратил внимание на дату релиза, оно свежее, 5 дней назад сделанное.

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

      Алгоритмы ютуба))

  • @СтаниславГорячев-г1ъ
    @СтаниславГорячев-г1ъ 2 ปีที่แล้ว

    спасибо, очень полезно

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

      Отлично)

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

    Редко ставлю лайки, но тут не удержался

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

      Спасибо)

  • @alexdoronin9803
    @alexdoronin9803 5 หลายเดือนก่อน

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

  • @КаринаТрофимова-ч5з
    @КаринаТрофимова-ч5з 2 ปีที่แล้ว

    Спасибо!

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

      Пожалуйста)

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

    Спасибо за урок Максим! Подскажите пожалуйста, в чем может быт причина ошибки 500 (Internal Server Error)? Я тестировала через локальный сервер MAMP.

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

      Как раз из-за локального сервера, скорее всего

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

      у меня такая же проблема, при том что все на хостинге. Если есть решение, то какое?

  • @Альберт-з9д
    @Альберт-з9д 9 หลายเดือนก่อน

    А если несколько форм на сайте, как быть ?

  • @АннаБекренева-я3ы
    @АннаБекренева-я3ы 2 ปีที่แล้ว

    Спасибо за полезный видосик) а подскажите, пожалуйста, какая у вас клавиатура?

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

      Пожалуйста)
      Anne pro 2

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

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

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

      Вместо него нет, можно только разместить элемент на месте плейсхолдера с помощью позишн

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

      @@maxgraph это да, но тогда сообщение будет залазить на маску телефона)

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

      Разобрался, заказчик требовательный попался. Напишу, вдруг тебе пригодится. Через позишн/трансформ двигаем наверх и задаем задний фон и тд, что-бы перебивать плейсхолдер от инпута. А при ховере/фокусе на инпут убираем поле с ошибкой. Вроде красиво получилось

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

    Помогите пожалуйста, создаю уже 4 форму и постоянно вижу ошибку POST 500 INTERNAL SERVER ERROR
    xhr.send(formData);

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

      Опечатка где-то в php, скорее всего

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

      @@maxgraph я уже скопировал готовую сборку, ввел свой логин и пароль и все равно выдает ошибку. Я думаю проблема с паролем.

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

      @@ObsidianHeart666нужно не с локального хоста запускать

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

    Здравствуйте, благодарю вас за то что снимаете такой добротный материал. А как отменить валидацию или очистить всю форму при закрытии попапа

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

      Очистка формы через reset() делается

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

    Максим добрый вечер! Очень пригодился твой урок, спасибо от души!!! Подскажи пожалуйста, как добавить класс для pop-up окна когда успешно пройдена валидация? В прошлой версии just-validate ты показывал как добавить классы для отслеживания метрики яндекса и попап после отправки, а в новой версии я не увидел этого, а так хотелось бы) плиз! Я правильно понимаю, что можно вот в эту часть кода добавить, где написано ... onSuccess((event) => {....}?

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

      да, все так)

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

    Пока разобралась со старой версией, уже обновление вышло)) Так подробно и понятно всё рассказали, огромная благодарность!!!
    Пока сайт на хостинг не загружен модальное окно не появится при отправке правильно заполненных полей?

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

      Да, конечно, пост запрос просто не пройдёт)

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

    Максим, расшифруйте, пожалуйста момент в mail.php в блоке формирования письма у вас прописано условие. Если я правильно понял, там $key сравнивается с project_name, admin_email и form_subject. Откуда берутся эти project_name, admin_email и form_subject, с которыми идет сравнение?

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

      Это код с моего старого скрипта, в а принципе условие можно удалить. Раньше были такие поля)

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

      @@maxgraph Спасибо! )

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

    Готовая вёрстка на гитхаб ссылка не работает, поправьте пожалуйста

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

      Что с ней?

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

      @@maxgraph перекидывает на ошибку

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

    Максим, а если на странице сайта несколько форм, например, форма обратной связи и заказать звонок с разным набором полей для заполнения? Нужно будет давать формам разные классы и прописывать валидацию уже для этих разных форм? А обработчик форм, то есть mail.php для всех останется общим? Или для других форм нужно будет делать копию mail.php, чтобы у каждой формы был свой обработчик?

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

      Обработчик формы один, а классы да, разные.

  • @АндрейИванов-щ8я7ы
    @АндрейИванов-щ8я7ы 2 ปีที่แล้ว

    Все круто!) Есть вопрос Как добавить некий класс error тегу label как в случае с input ?

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

      Скорее всего никак

    • @АндрейИванов-щ8я7ы
      @АндрейИванов-щ8я7ы 2 ปีที่แล้ว

      @@maxgraph Спс за видео и за ответ. Это плохо ну да ладно.

  • @НикитаПолозов-я5ш
    @НикитаПолозов-я5ш 2 ปีที่แล้ว

    Добрий день, на работает маска, как можно пофиксить, использую Parcel для сборки

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

      Возможно подключение плагин не так.

  • @АнтонОРТЗИ
    @АнтонОРТЗИ ปีที่แล้ว

    Добрый вечер! Подскажите, а можно зашифровать данные при отправке на почту?

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

      Добрый вечер! А что и зачем нужно шифровать? они и так нигде не засветятся

    • @АнтонОРТЗИ
      @АнтонОРТЗИ ปีที่แล้ว

      @@maxgraphЭто я не правильно проверил. Данные автоматом в tls шифруется, ничего делать не надо.

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

    Всем привет, почему письмо приходит но пустое(без данных которые ввели на сайте)?

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

      Нашел ошибку, забыл добавить каждому инпуту и текстарии атрибут name

  • @КристинаСажина-ц2ы
    @КристинаСажина-ц2ы 2 ปีที่แล้ว

    Максим, а как сделать чтобы после отправки сообщение, всплывало окно об успешной отправки? 😱

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

      Зависит от вашей реализации самого окна)

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

    Добрый день. А как в обновленной версии just validate изменить цвет ошибок?

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

      Загляните в доку, нажмите ctrl+f и введите color)

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

    а если у меня нет хостинга и домена а проверить работоспособность mail.php хочется, что делать? обязательно сначала купить их?

  • @Andrew-i5r
    @Andrew-i5r 2 ปีที่แล้ว

    Блгодарю за ваш полезный контент 🤝 А как можно выводить сообщения об ошибках не сверху, а снизу input?

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

      Через флекс можно обернув инпут в див

    • @Andrew-i5r
      @Andrew-i5r 2 ปีที่แล้ว

      @@maxgraph Благодарю. И еще вопрос. Каким образом можно сделать "крестики" в любых полях для их очистки. Не одну кнопку для очищения всех полей формы сразу, а именно по отдельности для каждого поля? Перерыл весь интернет, но лаконичного решения не нашел... Был бы Вам очень признателен, если сможете раскрыть эту тему. Успехов вам во всех делах 🤝

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

    Здравствуйте. Скажите пожалуйста, будет ли работать отправка формы без валидации?

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

      Здравствуйте. Ну если самому событие submit написать - будет

  • @МихаилФадеев-и6ф
    @МихаилФадеев-и6ф ปีที่แล้ว

    В чем подвох? Год назад по этиму видео написал код - ВСЁ РАБОТАЛО. Проверил вчера этот же самый код - почта работает, но картинки не приходят (хотя в консоли они массивом отражаются)??? Опять что-то в плагине изменили??? :-(

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

      Скорее всего где-то опечатка :)

    • @МихаилФадеев-и6ф
      @МихаилФадеев-и6ф ปีที่แล้ว

      @@maxgraph ОК, СПАСИБО за ответ - ещё раз перепроверю! Может перезатёр что-то, а глаз замылился и не видит... Ну, а как у тебя, Максим, всё работает как прежде???

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

    Максим, ссылка на готовую верстку ведет на 404 страницу

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

      Уже обновил) там лишний символ - был

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

    Можете объяснить, где брать файл just-validate3.3.3.min.js? Что-то я не понял(((

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

      Я показал детально в видео) и ссылку под видео вложил

  • @ЮрийНосырев-х2е
    @ЮрийНосырев-х2е 2 ปีที่แล้ว

    Добрый день. Может совсем тупой вопроc от новичка, но задам: А можно каким-либо образом скрыть пароль smtp в mail.php? или mail.php при загрузке файлов сайта на хостинг и так не будет видно? вопрос возник потому что обычные файлы index, js, css себе может любой пользователь твоего сайта скопировать.

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

      Добрый день. Php файлы не видны через браузер, их не скачать

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

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

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

      Смотря как сделано окно, не могу сказать

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

      @@maxgraph у меня еще форма не работает при action="#", поменяла на action="mail.php",теперь форма отправляется, но почему-то не видит JustValidate

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

    Не приходят письма почему то, ошибок в консоли нет(

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

      Проверьте сперва, все ли в порядке с хостингом

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

    Макс, Привет!
    подскажи пожалуйста, изза чего может приходить пустое письмо на почту ? :( всё проверил и перепроверил, код сверял много раз.... на старом варианте приходила таблица но с кривыми данными... на новом варианте письмо на почту приходит, НО пустое :(

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

      хмм..... исправил свой же косяк.... почему-то всё таки не добавлял атрибуты name в инпуты.... всё сработало, отправилось, письмо пришло исправно ) спасибо за урок! )

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

      Пожалуйста)

  • @servera-center
    @servera-center ปีที่แล้ว

    а если мне надо не модальное окно, а класс?

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

      Добавляйте через classList

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

    Хай! Не пойму это у меня валидация телефона заканчивается на первой же цифре или так и задумано!?

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

      Не понял, как это)

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

      @@maxgraph Вводишь одну цифру и все проверка прошла!

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

      Ну что есть решение?

  • @servera-center
    @servera-center ปีที่แล้ว

    а если несколько телефонов на одной стр
    две формы

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

      Да просто дублировать код

    • @servera-center
      @servera-center ปีที่แล้ว

      @@maxgraph Просто с телефоном там проблемы
      не проверяет валидность

    • @servera-center
      @servera-center ปีที่แล้ว

      @@maxgraph нашёл правда варик, не знаю насколько он хорош
      .addField('.form-phone', [
      {
      rule: 'required',
      errorMessage: 'Введите телефон!',
      },
      {
      rule: 'customRegexp',
      value: /^(\+7|8)?\s?\(\d{3}\)\s?\d{3}-\d{2}-\d{2}$/,
      errorMessage: 'Введите корректный номер!',
      },
      ])

  • @_Fantom_.
    @_Fantom_. ปีที่แล้ว

    Дружище, у меня почему-то письма не приходят на почту, хотя скрипт отрабатывает четко, и выводит сообщение "отправлено" в консоли. В чем может быть причина? Ни на gmail, ни на mail никакие письма не приходят, какую бы форму не делал.. Использую Open Server, который естественно настроил как положено..

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

      Так на хостинге надо

    • @_Fantom_.
      @_Fantom_. ปีที่แล้ว

      @@maxgraph А через локальный сервер никак не получится что-ли?

    • @РоманДоденко
      @РоманДоденко ปีที่แล้ว

      @@_Fantom_. net

    • @igors7305
      @igors7305 9 หลายเดือนก่อน

      У меня работает через Open Server. Версия 5.4.3. Почта Яндекс.

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

    На сколько безопасно хранить этот пароль (от gmail) на хостинге?

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

      Ваш php-код никто не увидит, если не получит доступ к хостингу, так что проблем не будет
      Но что-то мне подсказывает что даже если узнают ваш код - это неважно)

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

      если делать всё по-уму, то в gmail есть в настройках где-то пароль для приложений.
      т.е. будет у почты как-бы 2-3 разных пароля, один пользовательский основной (его можете менять спокойно)
      и отдельный резервный пароль для авторизации на сайте.

  • @Озерный-е2д
    @Озерный-е2д 2 ปีที่แล้ว

    А можно это сделать в одном файле html

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

      Можно, но не нужно

  • @ЕкатеринаСинякова-у9е
    @ЕкатеринаСинякова-у9е 2 ปีที่แล้ว

    сижу реву...как сделать чтобы модальное окно всплывало после оправки формы? три дня уже мучаюсь(((

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

      Смотря какое окно

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

      По умолчанию добавь окну display: none; а когда форма отправилась через JavaScript поменяй на display: block; и через setTimout поставь что бы менялось через 3 секунды обратно на none. Или добавь крестик окну на который окно закрывается. Если это актуально ещё

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

    Но почему запрос к php файлу не через fetch и асинхронную функцию? Это же проще для понимания и гораздо современнее

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

      Кому как удобнее)

  • @ИринаКравцова-п9п
    @ИринаКравцова-п9п 2 ปีที่แล้ว

    Добрый день. Попробовала применить ваш код на свой сайт,и увы письма на почту не доходят. Пробовала и mail и gmail.Подумала ,что наверно где я ошиблась,повторила весь ваш код,просто с копипастила и все равно письма не доходят на почту🤔уже всю голову сломала ...

    • @ИринаКравцова-п9п
      @ИринаКравцова-п9п 2 ปีที่แล้ว

      При том ,что консоль ошибок не выдает

    • @ИринаКравцова-п9п
      @ИринаКравцова-п9п 2 ปีที่แล้ว

      Такс,на вашем коде все заработала,причину нашла. А вот перенесла код на свой сайт ,выдает ошибку 500 и ссылается на JS на строчку xhr.send(formData). Подскажите ,в чем может быть ошибка ,сравнила все до запятой

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

      Ошибка 500 точно из-за опечатки в php

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

      @@ИринаКравцова-п9п в чем была причина, подскажите пожалуйста, тоже не приходят письма на почту

    • @ИринаКравцова-п9п
      @ИринаКравцова-п9п 2 ปีที่แล้ว

      @@olekseenkoAndrey посмотрите в консоль, если тоже ошибку 500 выдает,просто попробуйте скопировать код и вставить в файл обратно. Где то была опечатка,но визуально я ее так и не нашла,просто перезалила код.

  • @ВикторКулагин-ь2у
    @ВикторКулагин-ь2у 2 ปีที่แล้ว

    У меня этот плагин не заработал нормально вначале. Накатил самую свежую версию! Спасибо

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

    интересно я когда нибудь найду тутор, где будут делать все без всяких библиотек? ( Это же все утяжеляет проект и появляется зависимость от кого-то

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

      А собственный код не будет утяжелять?)
      Да ещё и код, который напишете вы, точно будет хуже чем у тех, кто сделал библиотеку
      Придумывать велосипед нет смысла

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

    input mask весит больше чем jquery...ужос !😬

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

    Валидация на JS познавательная, но полностью бесполезная.
    На JS достаточно проверить наличие обязательных полей, а все логические условия нужно выполнять на сервере уже.
    Кстати, интересно, как этот Just-Validate подсвечивает некорректные поля если на них навешаны какие-то доп.обёртки типа STYLER'a SELECT или FILE ?!
    И сообщения про ошибки получается нужно для него дублировать в JS постоянно что бы были серверными идентичны.

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

      Для лендинга этого более чем достаточно

  • @Данил-ю3ъ
    @Данил-ю3ъ ปีที่แล้ว +1

    я походу один лох не смог сделать

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

    а можно ли настроить алерт после отправки формы?

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

      Можно

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

    Максим, ссылка на готовую верстку ведет на 404 страницу

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

      В самом конце ссылки удалите -

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

      там нет - ссылка заканчивается B2%25202022

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

      Спасибо скачал