Автоматическое форматирование телефонного номера в форме Elementor

У меня есть форма, созданная с помощью elementor form, и я пытаюсь отформатировать номер телефона следующим образом: (999) 999-9999. Я следовал руководствам, найденным в Интернете, и попытался использовать этот код:

<script>
document.addEventListener('DOMContentLoaded', function() {
  const phoneNumberInput = document.getElementById('form-field-phone');

  phoneNumberInput.addEventListener('input', formatPhoneNumber);

  function formatPhoneNumber() {
    let inputValue = phoneNumberInput.value;
    inputValue = inputValue.replace(/\D/g, ''); // Удаление недесятичных символов

    if (inputValue.length > 10) {
      inputValue = inputValue.slice(0, 10);
    }

    let formattedValue="";

    if (inputValue.length > 6) {
      const areaCode = inputValue.slice(0, 3);
      const prefix = inputValue.slice(3, 6);
      const lineNumber = inputValue.slice(6, 10);

      formattedValue = `${areaCode}-${prefix}-${lineNumber}`;
    } else if (inputValue.length > 3) {
      const areaCode = inputValue.slice(0, 3);
      const prefix = inputValue.slice(3, 6);

      formattedValue = `${areaCode}-${prefix}`;
    } else {
      formattedValue = inputValue;
    }

    phoneNumberInput.value = formattedValue;
  }
});

</script>

Я пробовал использовать пользовательский код elementor, а также добавлять html поле в form elementor. Я применил пользовательский id как ‘phone’, а тип поля — ‘tel’. Но это не работает и выдает ошибку

"Pattern attribute value [0-9()#&+*-=.]+ is not a valid regular expression: Uncaught SyntaxError: Invalid regular expression: /[0-9()#&+*-=.]+/v: Invalid character in character class"

Есть ли способ это исправить?

Я провел дополнительные исследования и нашел код в видео на YouTube. Я немного его изменил, чтобы он работал с почтовым индексом, и это работает как ожидается. Также мне нужно было изменить тип поля с ‘tel’ для телефона и ‘number’ для индекса на ‘text’

<script type="text/javascript">
  jQuery(function ($) {
    $('#form-field-phone').on('input', function () {
      var input = $(this).val();

      // Удаление всех недесятичных символов
      input = input.replace(/\D/g, '');

      // Ограничение до 10 цифр
      input = input.slice(0, 10);

      // Форматирование в зависимости от длины ввода
      if (input.length > 6) {
        input="(" + input.slice(0, 3) + ') ' + input.slice(3, 6) + '-' + input.slice(6, 10);
      } else if (input.length > 3) {
        input="(" + input.slice(0, 3) + ') ' + input.slice(3, 6);
      } else if (input.length > 0) {
        input="(" + input.slice(0, 3);
      }

      // Обновление поля ввода отформатированным значением
      $(this).val(input);
    });
  });
</script>
<script type="text/javascript">
  jQuery(function ($) {
    $('#form-field-zipcodefive').on('input', function () {
      var input = $(this).val();

      // Удаление всех недесятичных символов
      input = input.replace(/\D/g, '');

      // Ограничение до точно 5 цифр
      input = input.slice(0, 5);

      // Обновление поля ввода отформатированным значением
      $(this).val(input);
    });
  });
</script>