[Alexander3928]

Делал валидацию для номера телефона. использовал switch case и метод match(), для проверки валидации. Но возникла проблема, что он если не подходит под регулярку (то-есть то что я пиши в input), оно дает ошибку что 0 равняется null (0 это то что нашла регулярка методом match()). И 2 проблема, постоянно я не могу найти input если консолю к примеру переменую telephon, а если консолю как раз input оно мне пишет undefined

<form class="form-contact"></form>

const form = document.querySelector(".form-contact");
const regExTelephon = /(\+)?((\d{2})?\(?0)\d{2}\)?(\d{3})(\d{2})(\d{2})/;

Валидация телефона

function check_value(input) {
  const regExObj = { 
    [input.name]: input.value,
    objname : input.name
  }

  if (input.value.trim()) {
    switch (input.name) {
      case "telephon":
        const tel_spase = input.value.replace(/\s/g,'')
        const telephon = tel_spase.match(regExTelephon);

        if(telephon[0] !== telephon.input) {
          regExObj.error = "Номер не корректен"
          return regExObj
        }

        const tel_group = telephon[0].replace(regExgTelGroup,`38 ($2) $3 $4 $5`)

        break;
    }
      regExObj[input.name] = input.value
      return regExObj
  } else {
    regExObj.error = 'Поле должно быть заполнено'
    return regExObj
  }
}

собитые submit

form.addEventListener("submit", (e) => {
  e.preventDefault();

  const input = document.querySelectorAll(".form-item__input");

  input.forEach((input) => {
    const result = check_value(input);

    if(result.error) {
      input.classList.add("_error")
      document.querySelector(`.form-error_${result.objname}`).innerHTML = result.error;
    } else {
      input.classList.remove("_error")
      document.querySelector(`.form-error_${result.objname}`).innerHTML = "";
    }
  });
});

функция сохдания input на JS

const arr_form = [
  ["text", "name", "Your name"],
  ["text", "telephon", "Mobile"],
  ["text", "email", "Email"],
]

function inputForm(e) {
  let obj_str = "";
  for(let e of arr_form) {
    obj_str += `
      <div class="form-item">
        <input type="${e[0]}" class="form-item__input" name="${e[1]}" placeholder="${e[2]}">
        <span class="form-error_${e[1]}"></span>
      </div>
    `;
  }
  form.innerHTML += obj_str;
}
inputForm()

function formSub() {
  const text_and_sub = `
    <textarea class="form__textarea"  placeholder="Your Message"></textarea>
    <button class="form-submit" type="submit">SEND</button>
  `;
  form.innerHTML += text_and_sub;
}
formSub()