Для создания формы обратной связи без отправки на почту в JavaScript можно использовать технику отправки данных на сервер без перезагрузки страницы, такую как AJAX (Asynchronous JavaScript and XML). Ниже представлен общий алгоритм того, как можно реализовать такую форму:
1. **HTML**: Создайте форму на HTML странице, например:
<form id="contactForm"> <label for="name">Имя:</label> <input type="text" id="name" name="name" required> <label for="message">Сообщение:</label> <textarea id="message" name="message" required></textarea> <button type="button" onclick="submitForm()">Отправить</button> </form> <div id="responseMessage"></div>
2. **JavaScript**: Добавьте скрипт, который будет выполнять AJAX запрос при отправке формы:
function submitForm() { const formData = new FormData(document.getElementById('contactForm')); fetch('url_обработчика_формы.php', { method: 'POST', body: formData }) .then(response => response.json()) .then(data => { document.getElementById('responseMessage').innerText = data.message; }) .catch(error => { console.error('Ошибка:', error); }); }
3. **Серверная сторона**: На сервере нужно создать обработчик формы, который будет принимать POST запрос, обрабатывать полученные данные и возвращать ответ. В данном примере, формат ответа считается JSON форматом.
4. **Отображение ответа**: В блоке с id responseMessage
будет отображаться ответ от сервера или сообщение об ошибке.
Это базовый пример, который можно доработать и расширить в зависимости от ваших потребностей. Также стоит помнить об обработке ошибок, валидации данных на сервере и клиенте, а также об ограничениях CORS (Cross-Origin Resource Sharing), если запросы будут отправляться на другой домен.