Sobes.tech
Назад к вопросам
Middle
2

Как реализовать валидацию формы с полями имя, email, телефон?

Компании, где спрашивали
Ростелеком

Ответ от нейросети

sobes.tech AI

Валидация формы с полями имя, email и телефон может быть реализована на стороне клиента с помощью JavaScript. Вот простой пример:

<form id="myForm">
  <input type="text" id="name" placeholder="Имя" required />
  <input type="email" id="email" placeholder="Email" required />
  <input type="tel" id="phone" placeholder="Телефон" required />
  <button type="submit">Отправить</button>
</form>

<script>
document.getElementById('myForm').addEventListener('submit', function(event) {
  const name = document.getElementById('name').value.trim();
  const email = document.getElementById('email').value.trim();
  const phone = document.getElementById('phone').value.trim();

  if (name.length === 0) {
    alert('Введите имя');
    event.preventDefault();
    return;
  }

  // Email проверяется автоматически благодаря type="email"
  // Дополнительно можно проверить регулярным выражением

  const phoneRegex = /^\+?\d{10,15}$/; // Пример: +71234567890 или 1234567890
  if (!phoneRegex.test(phone)) {
    alert('Введите корректный номер телефона');
    event.preventDefault();
    return;
  }
});
</script>

Такой подход обеспечивает базовую проверку перед отправкой формы. Для более надежной валидации стоит также проверять данные на сервере.