proverka.js 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. const feedbackButton = document.querySelector('.feedback-button');
  2. const feedbackForm = document.querySelector('.feedback-form');
  3. const closeForm = document.querySelector('.close-form');
  4. feedbackButton.addEventListener('click', () => {
  5. feedbackForm.style.display = 'block';
  6. });
  7. closeForm.addEventListener('click', () => {
  8. feedbackForm.style.display = 'none';
  9. });
  10. // Проверка email
  11. function validateEmail(email) {
  12. const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
  13. return re.test(email);
  14. }
  15. // Проверка телефона
  16. function validatePhone(phone) {
  17. const re = /^\+?\d{10,13}$/; // Допустимые варианты
  18. return re.test(phone);
  19. }
  20. // Обработка формы
  21. feedbackForm.querySelector('form').addEventListener('submit', (event) => {
  22. event.preventDefault();// Останавливаем стандартную отправку
  23. const emailInput = feedbackForm.querySelector('input[type="email"]');
  24. const phoneInput = feedbackForm.querySelector('input[type="tel"]');
  25. if (!validateEmail(emailInput.value)) {
  26. alert("Пожалуйста, введите корректный email.");
  27. return;
  28. }
  29. if (!validatePhone(phoneInput.value)) {
  30. alert("Пожалуйста, введите корректный номер телефона.");
  31. return;
  32. }
  33. // Если данные валидны, показываем сообщение и скрываем форму
  34. alert("Форма отправлена!");
  35. feedbackForm.style.display = 'none';
  36. });