Иван Корюков

Можно использовать регулярное выражение

let allCaps = !/[a-zа-я]/.test(myString);

Важно не то, где код находится, а то, в какой последовательности данные отправляются/заносятся.
Если это на одной странице, то старайтесь сделать это одной большой формой, либо собирайте данные с форм и отправляйте потом на сервер сразу все данные.

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

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

Я разделяю ООП на аутентичное и классическое. Аутентичное, это ООП как его представлял автор - объекты обмениваются сообщениями.
Классическое - это то как оно реализовано в Java.
И там и там есть инкапсуляция и полиморфизм. Наследование это приятная фишка классического ООП. Так же как и все пляски с типами. Вообще строгая типизация не является частью ООП. По крайней мере не является частью аутентичного ООП.

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

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

Заметьте, про js я почти ничего не сказал. Потому что дело не в нём. Дело только в понимании ООП. У языков программирования, конечно, есть различные возможности и ограничения что которые позволяют использовать ту или иную парадигму. Но ООП на js можно было делать и до es6, просто потому что в js можно инкапсулировать код в объект.

И ещё, когда мы начинаем делить код на объекты, необходим механизм разделения кода на файлы и собирания его обратно. Т.е. нужна модульность. Лучше всего, конечно, использовать webpack, но вроде как в js есть и другие системы. Не сборки, а именно подключения модулей.

Вообще некоторые сборщики js кода, такие как webpack и rollup умеют делать tree shaking, т.е. по цепочке импортов и вызовов понимают какой код используется, а какой можно в итоговый бандл не собирать.

Вот вам в эту сторону копать надо.

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

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

Регуляркой)

Это возможно?

Да, возможно. Для этого надо написать js код.

то успеет ли js до сабмита формы снять все чекбоксы

Ну вы в js коде сначала делаете с чекбоксами то что вам необходимо и после этого отправляете форму.

P.S. как уже написали в комментарии к вопросу - одинаковый id у тэгов нельзя делать. Вот вообще нельзя. Лучше давайте им одинаковый класс.

Вот тут надо кликнуть на кнопку с надписью Gulp (в третьей строке примерно в середине) и появится код, там всё понятно.

Вы вот говорите про jquery, но ни строчки js кода не показали.
На всякий случай проверьте. что csrf токен отправляется.

Можно с помощью js сделать ajax запрос, который получит содержимое файла, ну и вставить полученное содержимое на страницу.

Внутри обработчика событий можно ссылать непосредственно на элемент, который это событие произвёл через $(this). Вроде как-то этот элемент ещё можно достать из объекта события, но я постоянно забываю как)

$(function() {
$('a').hover(function() {
  $(this).show();
 },
 function() {
  $(this).hide();
 });
});

Как вариант: разбиваем строку по точке с запятой.
Если надо добавить слово, то кладём его в последний существующий элемент (это всегда пустая строка) и добавляем в конец массива новую пустую строку.
Если удалить слово - то ищем индекс слова в массива, удаляем.
В итоге джойним обратно по точке с запятой. Т.к. в конце есть пустая строка, то итоговая строка будет заканчиваться точкой с запятой.

JSON.parser принимает строку и делает из неё объект/массив, в вашем случае это объект.
Если вы используете jQuery для выполнения ajax запросов то достаточно будет указать dataType:"json" и результат сразу будет в виде объекта.