Как перевести код с JQuery на JS под Bootstrap5?
document.addEventListener('DOMContentLoaded', function () {
  var forms = document.querySelectorAll('form');
  for (var i = 0; i < forms.length; i++) {
    forms[i].addEventListener('submit', function (event) {
      event.preventDefault();
      // Получение ID формы
      var formID = this.getAttribute('id');
      // Добавление решётки к имени ID
      var formNm = document.getElementById(formID);
      var xhr = new XMLHttpRequest();
      xhr.open('POST', 'mail.php', true);
      xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
      xhr.onreadystatechange = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
          // Вывод текста результата отправки
          formNm.innerHTML = xhr.responseText;
        } else if (xhr.readyState === 4) {
          // Вывод текста ошибки отправки
          formNm.innerHTML = 'Ошибка отправки: ' + xhr.status;
        }
      };
      xhr.send(new FormData(this));
    });
  }
});
Чуть более современный способ через fetch, но можно и axios библиотеку
document.addEventListener('DOMContentLoaded', function() {
  const forms = document.getElementsByTagName('form');
  for (let form of forms) {
    form.addEventListener('submit', function(event) {
      event.preventDefault();
      const formId = this.getAttribute('id');
      const formNm = document.getElementById(formId);
      const formData = new FormData(this);
      fetch('mail.php', {
        method: 'POST',
        body: formData
      })
      //axios.post('mail.php',  { body: formData })
      .then(response => response.text())
      .then(data => {
        formNm.innerHTML = data;
      })
      .catch(error => {
        formNm.innerHTML = error;
      });
    });
  }
});