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

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

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

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

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

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

Максим здравствуйте) Подскажите пожалуйста как подключить одну и туже валидацию на разные формы(Одна форма входа модальное окно, вторая расположена в секции)
В доке не могу найти решение да и на форумах нет инфы.Помогите пожалуйста🙏(библиотека JustValidate (старая версия))

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Спасибо за видео)

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

спасибо большое, все более чем понятно)👍🙌😊

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

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

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

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

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