// Fonction pour configurer la validation en temps réel function setupRealtimeValidation() { const formFields = [ 'nomparent', 'prenomparent', 'mail', 'Passworduser', 'Passworduser2', 'num' ]; formFields.forEach(field => { $('#' + field).on('input', function() { const value = $(this).val(); // Ne pas afficher d'erreur tant que l'utilisateur n'a pas commencé à saisir if (value.length === 0) { $(this).removeClass('is-valid is-invalid'); $(this).css('border', '1px solid #ced4da'); // Couleur de bordure par défaut return; } // Vérifier la validité du champ if (isFieldValid(field, value)) { $(this).removeClass('is-invalid').addClass('is-valid'); $(this).css('border', '1px solid #28a745'); // Vert pour valide } else { $(this).removeClass('is-valid').addClass('is-invalid'); $(this).css('border', '1px solid #dc3545'); // Rouge pour invalide } }); }); } // Fonction pour réinitialiser le formulaire function resetForm() { $('#nomparent').css('border','1px solid #41a2aa'); $('#nomparent').removeClass('is-valid'); $('#nomparent').removeClass('is-invalid'); $('#nomparent').val(''); $('#prenomparent').css('border','1px solid #41a2aa'); $('#prenomparent').removeClass('is-valid'); $('#prenomparent').removeClass('is-invalid'); $('#prenomparent').val(''); $('#mail').css('border','1px solid #41a2aa'); $('#mail').removeClass('is-valid'); $('#mail').removeClass('is-invalid'); $('#mail').val(''); $('#eroor').css('display','none'); $('#num').css('border','1px solid #41a2aa'); $('#num').removeClass('is-valid'); $('#num').removeClass('is-invalid'); $('#num').val(''); $('#Passworduser').css('border','1px solid #41a2aa'); $('#Passworduser').removeClass('is-valid'); $('#Passworduser').removeClass('is-invalid'); $('#Passworduser').val(''); $('#Passworduser2').css('border','1px solid #41a2aa'); $('#Passworduser2').removeClass('is-valid'); $('#Passworduser2').removeClass('is-invalid'); $('#Passworduser2').val(''); $("#smsInput").prop("checked",false); $("#mailInput").prop("checked",false); }