Форма обратной связи для сайта с отправкой на почту

Добрый день! Форма так и работает (zip-архив проекта).

// Маска телефона для формы
MaskedInput({
  elm: document.getElementById("phone"), // select by id
  format: "7(___)___-__-__",
  separator: "()-",
});

// Маска телефона для формы
MaskedInput({
  elm: document.getElementById("phone-1"), // select by id
  format: "7(___)___-__-__",
  separator: "()-",
});
// Маска телефона для формы
MaskedInput({
  elm: document.getElementById("phone-2"), // select by id
  format: "7(___)___-__-__",
  separator: "()-",
});

// Инициализация формы 1
let form1 = document.querySelector("#feedback-form-1");
if (form1) {
  new ItcSubmitForm("#feedback-form-1");
  form1.addEventListener("success", (e) => {
    const el = e.target.closest(".form-container").querySelector(".form-success");
    el.classList.remove("form-success_hide");
  });
}
// Инициализация формы 2
let form2 = document.querySelector("#feedback-form-2");
if (form2) {
  new ItcSubmitForm("#feedback-form-2");
  form2.addEventListener("success", (e) => {
    const el = e.target.closest(".form-container").querySelector(".form-success");
    el.classList.remove("form-success_hide");
  });
}
// Инициализация формы 3
let form3 = document.querySelector("#feedback-form-3");
if (form3) {
  new ItcSubmitForm("#feedback-form-3");
  form3.addEventListener("success", (e) => {
    const el = e.target.closest(".form-container").querySelector(".form-success");
    el.classList.remove("form-success_hide");
  });
}

const forms = {};
document.querySelectorAll("form").forEach((form) => {
  forms[form.id] = new ItcSubmitForm(form);
forms[form.id].addEventListener("success", (e) => {
	const el = e.target.closest(".form-container").querySelector(".form-success");
	el.classList.remove("form-success_hide");
 });

document.querySelector('form').addEventListener('success', (e) => {
  // после успешной отправки формы
  location.href = 'https://ya.ru';
});

<input id="name" type="text" name="name" class="form-control" value="" placeholder="Имя" minlength="2" maxlength="30" required="required">

'from' => ['val_tar@mail.ru', 'Имя сайта']

'subject' => 'Сообщение с формы обратной связи', // тема письма

  $search = ['%subject%', '%name%', '%email%', '%message%', '%date%'];
L:ine 196 ::  .syntax error., unexpected '[', expecting ']'
  $replace = [EMAIL_SETTINGS['subject'], $data['form']['name'], $data['form']['email'], $data['form']['message'], date('d.m.Y H:i')];

use PHPMailer\PHPMailer\PHPMailer;
//use PHPMailer\PHPMailer\SMTP;
use PHPMailer\PHPMailer\Exception;

  <script>
    /*
      attachMaxItems: 3,
      attachMaxFileSize: 128,
      attachExt: ['png', 'jpg']
    */

    //const form = new ItcSubmitForm('form');
    const form = new ItcSubmitForm('form', {
    isCheckValidationOnClient: false,        // проверять форму перед отправкой на сервер
    attachMaxItems           : 5,           // максимальное количество файлов, которые можно добавить к форме
    attachMaxFileSize        : 512,         // 512 Кбайт - максимальный размер файла
    attachExt: ['jpg', 'bmp', 'gif', 'png'] // допустимые расширения файлов
    });

const form = new ItcSubmitForm('form', {
  isCheckValidationOnClient: false
});

// валидация name
if (empty(trim($_POST['name']))) {
  $data['result'] = 'error';
  $data['errors']['name'] = 'Заполните это поле.';
  itc_log('Не заполнено поле name.');
} else if (preg_match('/[^а-яёА-ЯЁ ]/u', trim($_POST['name']))) {
  $data['result'] = 'error';
  $data['errors']['name'] = 'Имя не корректное. Разрешается использовать только кириллицу.';
  itc_log('Имя не корректное. Разрешается использовать только кириллицу.');
} else {
  $data['form']['name'] = htmlspecialchars($_POST['name']);
}

// валидация message
if (empty(trim($_POST['message']))) {
  $data['result'] = 'error';
  $data['errors']['message'] = 'Заполните это поле.';
  itc_log('Не заполнено поле message.');
} else if (preg_match('/<[^<]+>/', trim($_POST['message'])) || preg_match('/http/iu', trim($_POST['message']))) {
  $data['result'] = 'error';
  $data['errors']['message'] = 'В сообщение имеются теги или ссылки.';
  itc_log('В сообщение имеются теги или ссылки.');
} else if (mb_strlen(trim($_POST['message']), 'UTF-8') < 20) {
  $data['result'] = 'error';
  $data['errors']['message'] = 'Это поле должно быть не меньше 20 cимволов.';
  itc_log('Поле message должно быть не меньше 20 cимволов.');
} else {
  $data['form']['message'] = htmlspecialchars($_POST['message']);
}

if (file.type.match(/image.*/) && window.FileReader) {
  // ...
} else {
  // ...
}

const form = new ItcSubmitForm('form');

$mail->SMTPDebug = 0;

$startPath = 'https://***/';

Request URL: https://www.*********.ru/feedback/process/process.php
Request Method: POST
Status Code: 200 
Remote Address: 81.177.141.71:443
Referrer Policy: strict-origin-when-cross-origin
cache-control: no-store, no-cache, must-revalidate
content-length: 192
content-type: application/json
date: Sun, 11 Apr 2021 08:35:59 GMT
expires: Thu, 19 Nov 1981 08:52:00 GMT
pragma: no-cache
server: Jino.ru/mod_pizza
:authority: www.*********.ru
:method: POST
:path: /feedback/process/process.php
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br
accept-language: ru-RU,ru;q=0.9,en-US;q=0.8,en;q=0.7
content-length: 482
content-type: multipart/form-data; boundary=----WebKitFormBoundarynOHzHZFHAHWVF66c
cookie: _ga=GA1.2.43687746.1617347627; _ym_uid=1614690864522862858; _ym_d=1617347629; tmr_lvid=29226f356fca52bf5e57d15c58173199; tmr_lvidTS=1614690864461; BX_USER_ID=af1e963561ac3f6dcc9f14c0ba9459c3; BITRIX_SM_LOGIN=admin; BITRIX_SM_SOUND_LOGIN_PLAYED=Y; BITRIX_SM_LAST_SETTINGS=; PHPSESSID=a5o9dpvHu7p5hvuHM6QmMJXTFlBDkePc; _gid=GA1.2.38619152.1618130093; _ym_isad=2; tmr_detect=0%7C1618130124287; tmr_reqNum=207
origin: https://www.********.ru
referer: https://www.*********.ru/uslugi/ocenka-usczherba/otsenka_uschzerba_posle_zatopleniya_kvartiry/?test=1&clear_cache=Y
sec-ch-ua: "Google Chrome";v="89", "Chromium";v="89", ";Not A Brand";v="99"
sec-ch-ua-mobile: ?0
sec-fetch-dest: empty
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.114 Safari/537.36
x-requested-with: XMLHttpRequest

<b>Warning</b>:  A non-numeric value encountered in <b>/feedback/phpmailer/src/PHPMailer.php</b> on line <b>845</b><br />
{"result":"success"}

<?php
error_reporting(E_ERROR | E_PARSE);
...

IS_SENS_FILES_AS_ATTACHMENTS = true, // необходимо ли прикреплять файлы к письму

new ProcessForm({
  attachmentsFileExt: ['jpg', 'jpeg', 'bmp', 'gif', 'png']
});

<div>Форма успешно отправлена. Нажмите на <a href="#" data-target="#feedback-form">ссылку</a>, чтобы отправить ещё одно сообщение.
</div>

<div>Сообщение успешно отправлено. </br><a href="javascript:window.location.reload()">Создать новое сообщение</a>
</div>

Год.Месяц.День-Email-1.txt

$mail->SMTPDebug = 4

<iframe src="/feedback/index.html"></iframe>

$stmt = $dbh->prepare("INSERT INTO feedback (name, email, message, attachments) VALUES (:name, :email, :message, :attachments)");
    $stmt->bindParam(':name', $name);
    $stmt->bindParam(':email', $email);
    $stmt->bindParam(':message', $message);
    $stmt->bindParam(':attachments', $str_attachments);

<script>
const inputFrom = document.querySelector('#pole1_1');
inputFrom.addEventListener('input', function () {
  const value = this.value;
  const inputTo = document.querySelector('#pole1_2');
  inputTo.value = value;
});
</script>

<script src="/order/feedback/vendors/jquery/jquery-3.4.1.min.js"></script>
<script src="/order/feedback/js/process-forms.js"></script>

<script src="/vendors/jquery/jquery-3.4.1.min.js"></script>
<script src="/js/process-forms.js"></script>

<form id="feedback-form" action="/process/process.php" enctype="multipart/form-data" novalidate>

<script src="vendors/jquery/jquery-3.4.1.min.js"></script>
<script src="js/process-forms.js"></script>

(new ProcessForm()).init();

<form id="feedback-form" action="/order/feedback/process/process.php" enctype="multipart/form-data" novalidate="">

(new ProcessForm()).init();

<script src="vendors/jquery/jquery-3.4.1.min.js"></script>
<script src="js/process-forms.js"></script>
<script>
(new ProcessForm()).init();
</script>

/* 1 ЭТАП - НАСТРОЙКА ПЕРЕМЕННЫХ */

const
IS_CHECK_CAPTCHA = false, // проверять капчу
IS_SEND_MAIL = true, // отправлять письмо получателю
IS_SEND_MAIL_SENDER = false, // отправлять информационное письмо отправителю
IS_WRITE_LOG = true, // записывать данные в лог
UPLOAD_NAME = 'uploads', // имя директории для загрузки файлов
IS_SEND_FILES_IN_BODY = true, // добавить ссылки на файлы в тело письма
IS_SENS_FILES_AS_ATTACHMENTS = false, // необходимо ли прикреплять файлы к письму
MAX_FILE_SIZE = 524288, // максимальный размер файла (в байтах)
ALLOWED_EXTENSIONS = array('jpg', 'jpeg', 'bmp', 'gif', 'png'), // разрешённые расширения файлов
MAIL_FROM = 'x380666231555@gmail.com', // от какого email будет отправляться письмо
MAIL_FROM_NAME = 'Имя_сайта', // от какого имени будет отправляться письмо
MAIL_SUBJECT = 'Сообщение с формы обратной связи', // тема письма
MAIL_ADDRESS = 'x380666231555@gmail.com', // кому необходимо отправить письмо
MAIL_SUBJECT_CLIENT = 'Ваше сообщение доставлено', // настройки mail для информирования пользователя о доставке сообщения
IS_SENDING_MAIL_VIA_SMTP = true, // выполнять отправку писем через SMTP
MAIL_SMTP_HOST = 'smtp.gmail.com', // SMTP-хост
MAIL_SMTP_PORT = '465', // SMTP-порт
MAIL_SMTP_USERNAME = 'x380666231555@gmail.com', // SMTP-пользователь
MAIL_SMTP_PASSWORD = '*********'; // SMTP-пароль

$startPath = 'http' . (isset($_SERVER['HTTPS']) ? 's' : '') . '://' . $_SERVER['HTTP_HOST'] . '/';

<!-- замените /feedback/captcha/captcha.php на /captcha/captcha.php -->
<img class="form-captcha__image" src="/captcha/captcha.php" data-src="/feedback/captcha/captcha.php" width="132" height="46" alt="Капча">

if (!empty($_POST['phone'])) {
  $phone = preg_replace('/\D/', '', $_POST['phone']); //получить номер телефона (цифры) из строки
  if (!preg_match('/^(8|7)(\d{10})$/', $phone)) {
    $data['phone'] = 'Поле Телефон содержит не корректный номер!';
    $data['result'] = 'error';
  }
}

// после загрузки DOM
document.addEventListener('DOMContentLoaded', function () {
  // создаём экземпляр объекта ProcessForm (по умолчанию для #feedback-form)
  new ProcessForm();
});

// создаём функцию
function test(obj) {
  return obj.id;
}

// вызываем функцию
const id = test({ id: 0 }); // 0

.feedback label {
  display: inline-block;
  margin-bottom: .5rem;
}

.feedback .form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

}
} // <- эту скобку нужно удалить
/* 6 ЭТАП - ОТПРАВКА ПИСЬМА ПОЛУЧАТЕЛЮ */

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

IS_SENDING_MAIL_VIA_SMTP = true, // выполнять отправку писем через SMTP

MAIL_FROM = 'no-reply@mydomain.ru', // здесь ваш email 
MAIL_FROM_NAME = 'Имя_сайта', // от какого имени будет отправляться письмо
MAIL_ADDRESS = 'manager@mydomain.ru', // здесь ваш email (если вы хотите отправить письмо себе)
MAIL_SMTP_HOST = 'ssl://smtp.yandex.ru', // SMTP-хост
MAIL_SMTP_PORT = '465', // SMTP-порт
MAIL_SMTP_USERNAME = 'alexander@yandex.ru', // SMTP-пользователь (ваша учётная запись от почты)
MAIL_SMTP_PASSWORD = '12345678'; // SMTP-пароль (ваш пароль от почты)

<div class="form-group form-attachments" data-count="5">...</div>

if (isset($_POST['company'])) {
  $company = filter_var($_POST['company'], FILTER_SANITIZE_STRING);
}
...

<?php
$path = 'forms.json'; // файл, в который нужно сохранить данные
file_put_contents($path, file_get_contents('php://input'), LOCK_EX);
?>

// при успешной отправки формы
        if (data.result === "success") {
            jQuery(document).trigger('pf_success', {data: this});
            if (_this._settings.isUseDefaultSuccessMessage) 
{
                _this._form.parent().find('.form-result-success')
                    .removeClass('d-none')
                    .addClass('d-flex');
         //картинка
var pc = document.querySelector('.form-result-success');
var pic = document.createElement("IMG");
pic.src = "konvert.gif";
pc.appendChild(pic);

_this._form.parent().find('.form-result-success')

_this._form.parent().find('.form-result-success')

<div class="form__wrapper">
  <form id="feedback-form" action="/feedback/process/process.php" enctype="multipart/form-data" novalidate>...</form>
  <div class="form-result-success d-none">...</div>
</div>

var successMsg = _this._form.parent().find('.form-result-success');
successMsg.append('<img src="konvert.gif" alt="">')
successMsg.removeClass('d-none').addClass('d-flex');

// переключить во включенное или выключенное состояние кнопку submit
var _changeStateSubmit = function (_this, state) {
  _this._form.find('[type="submit"]').prop('disabled', state);
};

<input id="phone" type="tel" name="phone" class="form-control" value="(___)___-__-__" pattern="^\(?[0-9]{3}\)?(\s+)?[0-9]{3}-?[0-9]{2}-?[0-9]{2}$">

...
<script src="/feedback/vendors/jquery/jquery-3.4.1.min.js"></script>
<script src="/feedback/js/process-forms.js"></script>
...

...
// отправка формы
var _sendForm = function (_this) {
  // добавляем эту строчку
  $(document).trigger('beforeSubmit', [_this._form]);
    if (!_validateForm(_this)) {
    ...

$(document).on('beforeSubmit', function(e, _this){
  // если форма имеет id не feedback-form, то завершаем работу
  if (_this.attr('id') !== 'feedback-form') {
    return;
  }
  if ((_this.find('[name="phone"]').val().length) > 0 && (_this.find('[name="email"]').val().length === 0)) {
    _this.find('[name="phone"]').prop('required', true);
    _this.find('[name="email"]').prop('required', false);            
  } else if ((_this.find('[name="phone"]').val().length) === 0 && (_this.find('[name="email"]').val().length > 0)) {
    _this.find('[name="phone"]').prop('required', false);
    _this.find('[name="email"]').prop('required', true); 
  } else {
    _this.find('[name="phone"]').prop('required', true);
    _this.find('[name="email"]').prop('required', true); 
  }
});

// проверка полей email и phone
if (!empty($_POST['email'])) {
  if (!filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) { // защита от XSS
    $data['email'] = 'Адрес электронной почты не корректный';
    $data['result'] = 'error';
    log_write('Не пройдена валидация поля: email! Оно имеет не корретное значение!');
  } else {
    $email = $_POST['email'];
  }
} else {
  if (empty($_POST['phone'])) {
    $data['email'] = 'Заполните это поле или телефон';
    $data['result'] = 'error';
    log_write('Не пройдена валидация поля: email! Оно не заполнено!');
  }
}

if (!empty($_POST['phone'])) {
  $phone = preg_replace('/\D/', '', $_POST['phone']);
  // если число состоит не из 10 цифр, то...
  if (!preg_match('/^(\d{10})$/', $phone)) {
    $data['phone'] = 'Поле Телефон содержит не корректный номер!';
    $data['result'] = 'error';
    log_write('Не пройдена валидация поля: phone! Оно имеет не корретное значение!');
  }
} else {
  if (empty($_POST['email'])) {
    $data['email'] = 'Заполните это поле или email';
    $data['result'] = 'error';
    log_write('Не пройдена валидация поля: phone! Оно не заполнено!');
  }
}

$('input, textarea').on('focus', function () {
  $(this).removeClass('is-valid is-invalid');
});

ini_set('error_reporting', E_ALL);
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);

// проверка поля name 
if (isset($_POST['name'])) {
  $name = filter_var($_POST['name'], FILTER_SANITIZE_STRING);
}

$mail->SMTPDebug = 4;

$mail->SMTPDebug = 4;

var form1 = new ProcessForm({
  attachmentsMaxFileSize: 102400,
  attachmentsFileExt: ['jpg', 'jpeg', 'bmp', 'gif', 'png', 'ai', 'pdf', 'indl', 'cdr', 'eps', 'doc', 'docx', 'ppt', 'txt', 'rar', 'zip', 'tiff', 'tif', 'psd']
});
form1.init();

// отправляем письмо
//if (!$mail->send()) {
//  $data['result'] = 'error';
//}

SMTP Error: Could not authenticate.
CLIENT -> SERVER: QUIT
SMTP INBOUND: "221 2.0.0 Bye"
SERVER -> CLIENT: 221 2.0.0 Bye
Connection: closed

  $mail->Host = 'ssl://site.com';
  $mail->Port = 465;
  $mail->Username = 'email@site.com';
  $mail->Password = 'pass';

$mail->SMTPDebug = 3;

Connection: opening to ssl://smtp.site.com:465, timeout=300, options=array()
Connection: opened
SMTP INBOUND: "220 smtp.site.com ESMTP Postfix"
SERVER -> CLIENT: 220 smtp.site.com ESMTP Postfix
CLIENT -> SERVER: EHLO site.com
SMTP INBOUND: "250-smtp.site.com"
SMTP INBOUND: "250-PIPELINING"
SMTP INBOUND: "250-SIZE 20000000"
SMTP INBOUND: "250-ENHANCEDSTATUSCODES"
SMTP INBOUND: "250-8BITMIME"
SMTP INBOUND: "250 DSN"
SERVER -> CLIENT: 250-smtp.site.com250-PIPELINING250-SIZE 20000000250-ENHANCEDSTATUSCODES250-8BITMIME250 DSN
SMTP Error: Could not authenticate.
CLIENT -> SERVER: QUIT
SMTP INBOUND: "221 2.0.0 Bye"
SERVER -> CLIENT: 221 2.0.0 Bye
Connection: closed
SMTP connect() failed. https://github.com/PHPMailer/PHPMailer/wiki/Troubleshooting
{"result":"error","log":["SMTP connect() failed. https:\/\/github.com\/PHPMailer\/PHPMailer\/wiki\/Troubleshooting"]}

http://localhost/feedback/

<input type="checkbox" name="agree" class="custom-control-input" id="customCheck" checked>

<button type="submit" class="btn btn-primary position-relative">Отправить сообщение</button>

$mail->send()

ini_set('error_reporting', E_ALL);
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);

// устанавливаем параметры
$mail = new PHPMailer;
$mail->CharSet = 'UTF-8';

// Настройки SMTP
$mail->isSMTP();
$mail->SMTPAuth = true;
$mail->SMTPDebug = 0;
$mail->Host = 'ssl://smtp.yandex.ru';
$mail->Port = 465;
$mail->Username = 'Логин';
$mail->Password = 'Пароль';

$mail->Encoding = 'base64';
$mail->IsHTML(true);
$mail->setFrom(MAIL_FROM, MAIL_FROM_NAME);
$mail->Subject = MAIL_SUBJECT;
$mail->Body = $bodyMail;

MAIL_FROM = '...', // от какого email будет отправляться письмо
MAIL_ADDRESS = '...', // кому необходимо отправить письмо

<div class="custom-control custom-checkbox">
  <input type="checkbox" class="custom-control-input" id="checkbox-one" name="one" value="один">
  <label class="custom-control-label" for="checkbox-one">заголовок чекбокса</label>
</div> 

if (isset($_POST['one'])) {
  // $_POST['one'] - значение чекбокса one
}

<div class="custom-control custom-checkbox">
  <input type="checkbox" class="custom-control-input" id="multi-1" name="multi[]" value="один">
  <label class="custom-control-label" for="multi-1">multi-1</label>
</div>    
<div class="custom-control custom-checkbox">
  <input type="checkbox" class="custom-control-input" id="multi-2" name="multi[]" value="два">
  <label class="custom-control-label" for="multi-2">multi-2</label>
</div>

if (isset($_POST['multi'])) {
  if (is_array($_POST['multi'])) {
    foreach ($_POST['multi'] as $value) {
      // $value - значение элемента  
    }
  }
}

if (isset($_POST['Detailed'])) { // если установлен чекбокс "Расширенные параметры"
  if (isset($_POST['mmORtpi'])) {
    $mmORtpi = filter_var($_POST['mmORtpi'], FILTER_SANITIZE_STRING);
    if ($mmORtpi <> 'mm' || $mmORtpi <> 'tpi') {
      $data['mmORtpi'] = 'Единица измерения установлена не корректно';
      $data['result'] = 'error';
    }
  } else {
    $data['mmORtpi'] = 'Заполните это поле.';
    $data['result'] = 'error';
  }
}

sudp apt-get install php-gd

ini_set('error_reporting', E_ALL);
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);

http://localhost/feedback/captcha/captcha.php

/*
if (!$mail->send()) {
  $data['result'] = 'error';
}
*/

<div class="attachments" data-counts="5">

 // переключить во включенное или выключенное состояние кнопку submit
 var _changeStateSubmit = function (form, state) {
   //$(form).find('[type="submit"]').prop('disabled', state);
 };
// изменение состояния кнопки submit в зависимости от состояния checkbox agree
var _changeAgreement = function (form, state) {
  //_changeStateSubmit(form, state);
};

$(form).find('input, textarea').not('[type="file"]').each(function () {

<div class="form-group">
  Выберите цвет:
  <div class="custom-control custom-radio">
    <input type="radio" class="custom-control-input" name="color" value="green" id="color-green" required>
    <label class="custom-control-label" for="color-green">
      Зеленый
    </label>
  </div>
  <div class="custom-control custom-radio">
    <input type="radio" class="custom-control-input" name="color" value="red" id="color-red" required>
    <label class="custom-control-label" for="color-red">
      Красный
    </label>
  </div>
  <div class="custom-control custom-radio">
    <input type="radio" class="custom-control-input" name="color" value="yellow" id="color-yellow" required>
    <label class="custom-control-label" for="color-yellow">
      Желтый
    </label>
    <div class="invalid-feedback"></div>
  </div>
</div>

const ALLOWED_COLORS = array('green' => 'Зеленый', 'red' => 'Красный', 'yellow' => 'Желтый');
...
// проверка поля color
if (isset($_POST['color'])) {
  $color = filter_var($_POST['color'], FILTER_SANITIZE_STRING);
  if (!array_key_exists($color, ALLOWED_COLORS)) {
    $data['color'] = 'Указан не правильный цвет.';
    $data['result'] = 'error';
  }
} else {
  $data['color'] = 'Заполните это поле.';
  $data['result'] = 'error';
}
...  
$bodyMail = str_replace('%email.color%', ALLOWED_COLORS[$color], $bodyMail);