Back to questions
Middle
1
Как реализовать валидацию формы с полями имя, email, телефон?
Companies where asked
Ростелеком
Answer from AI
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>
Такой подход обеспечивает базовую проверку перед отправкой формы. Для более надежной валидации стоит также проверять данные на сервере.