Page de Contact

Contactez-nous

Nom :

        <label for="email">Adresse Email :</label>
        <input type="email" id="email" name="email" required>

        <label for="message">Message :</label>
        <textarea id="message" name="message" required></textarea>

        <button type="submit">Envoyer</button>
    </form>
    <div class="success-message" id="successMessage">Merci pour votre message, nous vous répondrons bientôt.</div>
    <div class="error-message" id="errorMessage">Veuillez remplir tous les champs correctement.</div>
</div>

<script>
    const form = document.getElementById('contactForm');
    const successMessage = document.getElementById('successMessage');
    const errorMessage = document.getElementById('errorMessage');

    form.addEventListener('submit', function(event) {
        event.preventDefault();

        // Simple validation
        const name = form.name.value.trim();
        const email = form.email.value.trim();
        const message = form.message.value.trim();

        if (name === '' || email === '' || message === '') {
            errorMessage.style.display = 'block';
            successMessage.style.display = 'none';
            return;
        }

        // Email format validation
        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
        if (!emailRegex.test(email)) {
            errorMessage.style.display = 'block';
            successMessage.style.display = 'none';
            return;
        }

        errorMessage.style.display = 'none';
        successMessage.style.display = 'block';

        // Clear form
        form.reset();

        // Ici vous pouvez ajouter un appel AJAX pour envoyer les données à un serveur
    });
</script>