GRUPPENANFRAGE

document.addEventListener('DOMContentLoaded', function () { const form = document.querySelector('#gruppenanfrageformenglish'); if (!form) return; const submitBtn = form.querySelector('button[type="submit"]'); submitBtn.addEventListener('click', function (e) { // Alte globale Fehlermeldung entfernen, falls vorhanden const oldMessage = form.querySelector('.global-error-message'); if (oldMessage) oldMessage.remove(); // Alle Pflichtfelder prüfen const invalidFields = [...form.querySelectorAll('[required]')].filter(field => !field.value); if (invalidFields.length > 0) { e.preventDefault(); // Absenden verhindern const errorBox = document.createElement('div'); errorBox.className = 'global-error-message'; errorBox.textContent = 'Some of the required fields are not filled out. Please check for any empty fields or typos.'; // Optisches Styling Object.assign(errorBox.style, { backgroundColor: '#f8d7da', color: '#721c24', padding: '12px', marginBottom: '20px', border: '1px solid #f5c6cb', borderRadius: '5px', fontWeight: '500' }); // Meldung am Anfang des Formulars einfügen form.prepend(errorBox); // Zum Formularanfang scrollen form.scrollIntoView({ behavior: 'smooth', block: 'start' }); } }); });