ThunderCat

Я получаю json. А вывести мне его надо в цикле на странице со сложной html структурой. Т.е. только шаблонизатор? )

Во первых, судя по тому что используется jq, никаких "шаблонизаторов"/движков у вас не подключено (не факт, но скорее всего).
Во вторых - если вы его в цикле прогоняете для построения разметки - ну, по сути вы и так справляетесь с работой шаблонизатора. В общем случае все определяется сложностью и востребованностью. Если это у вас в 1-2 местах и проще самому набросать как там хтмл должен выглядеть, то не нужен там шаблонизатор, можно ручками. А если половина логики запрашивается аяксом, проще уже какой-то вуй подключить.

Но если я в setFrom пишу условно "replyTo@mail.com" письмо не прилетает.

Так сегодня практически нигде работать не будет, "бай секурити ризон". В лучшем случае письмо попадет в спам.

Что логично, так как этого элемента не существовало на момент когда вешалось событие. В онклик добавьте создание события онблур для только что созданного элемента. И наоборот )

Подскажите, пожалуйста, что не так?

У вас все работает правильно, только то что вы себе выдумали не соответствует тому как оно на самом деле работает. Похоже вы пытаетесь работать как в jquery, но в ванильном жс это работает по другому.

Как работает сейчас (плохо): Вы выбираете 1(!) элемент с классом ApproachImg (читаем доку querySelector) и на него вешаете событие, ну и по событию тоже работаете с выбранными одиночными элементами. Естественно будет лажа.

Как надо: Выбрать все элементы с классом ApproachImg (читаем доку querySelectorAll), проходимся форичем по всем выбранным элементам, вешаем слушатель события и в обработчике события используем querySelector() от текущего элемента вместо querySelector на весь документ, что избавляет нас от необходимости как-то привязывать внутренние элементы к наружным.

Резюме, посмотреть список работ, посмотреть список предыдущих мест работы, опыт в конкретных технологиях. Сколько работал по стеку, что делал, задать конкретные вопросы по реализации ваших текущих задач - спросить справится или нет. Обычно на работу которую человек не тянет он устраиваться не будет, или предупредит что раньше конкретно такой реализацией не занимался, но готов в течение эн дней/недель изучить и превозмочь. Проблемы несоответствия обычно возникают только с джунами или очень странными типами, но при поиске более-менее опытных специалистов на конкурентный ценник обычно обломов крайне мало.

Скоро с этим MySQL с ума сойду...

Да, с таким подходом лучше бросайте это грязное дело...

Ничего не понимаю!

Ну так чтобы что-то понимать, нужно смотреть что происходит, знать что содержится в переменных и читать ошибки. Чтобы смотреть что происходит нужно использовать var_dump или ставить xdebug, чтобы знать что в переменных - нужно понимать какие переменные смотреть. В том числе знать почему возникают варнинги и все их исправить.

В данном случае у вас кроме того что запрос опять не использует подготовленные выражения, опять никак не проверяются переменные которые вы "суваете" в запрос. Сформируйте запрос в переменную, выведите ее, посмотрите где в переменных косяк (хотя он и так виден и вытекает из предыдущих описанных ошибок)... Короче учитесь искать ошибки, тем более что все они в логе описаны.

Обычно это делается на стороне сервера. Яваскрипт для этого не нужен.

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

.instageneral {
...
    max-width: calc(var(--myW) * 3 + 68px); /*тут косяк, явно считается мало для двух блоков*/

preg_replace()

strtotime + date

Логично что если вы не можете привязать что-то к железу пользователя, есть смысл привязать свое железо к машине пользователя. Если это коммерческое решение - лучший вариант для защиты - физический ключ - донгл. Это ебатория и гемор для клиента, удорожание для вас (ну или для клиента тоже), но дает четкую связку с железом, как вы и хотели. То есть одновременно работать сможет лишь один компьютер с 1 донглом.

file() + foreach() + strpos() вроде самый быстрый вариант...

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

History.pushState()

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

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

по тому что:

$(document).ready(function () {
  $('[submit]').on('click', function (e) { //на кнопку вешается обработчик(плохо, нужно на субмит формы)
    e.preventDefault(); // останавливаем субмит с кнопки
    $(this).parent('form').submit(); // находим собсно форму и субмитим ее (непонятно зачем тогда было останавливать субмит), данные уходят на сервер методом гет
  }) // все что дальше тупо не выполняется, так что можно забить