Personnalisation des messages de validation uniques pour des formulaires spécifiques

Souhaitez-vous personnaliser le message de validation unique pour un formulaire spécifique dans WPForms ? Bien que WPForms vous permette de personnaliser les messages de validation globalement, vous pourriez vouloir avoir des messages différents pour différents formulaires.

Dans ce tutoriel, nous vous montrerons comment utiliser un extrait de code PHP pour modifier le message de validation unique pour un formulaire spécifique.

Ajout de l’extrait de code

Pour personnaliser le message de validation unique pour un formulaire spécifique, vous devrez ajouter l'extrait de code PHP suivant à votre site. Si vous avez besoin d'aide pour ajouter des extraits de code à votre site, veuillez consulter ce tutoriel.

add_action( 'wpforms_wp_footer_end', 'wpf_custom_unique_validation_message' );
function wpf_custom_unique_validation_message() {
    ?>
    <script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function() {
        // Target the specific form by ID
        var form = document.querySelector('#wpforms-100');
        if (form) {
            function replaceErrorMessage() {
                var errorMessages = form.querySelectorAll('.wpforms-error');
                errorMessages.forEach(function(messageElement) {
                    if (messageElement.textContent.includes('The value must be unique.')) {

                    messageElement.textContent = 'This value is already in use. Please enter a unique value.';
                    }
                });
            }
            replaceErrorMessage();
            new MutationObserver(replaceErrorMessage).observe(form, {
                childList: true,
                subtree: true
            });
        }
    });
    </script>
    <?php
}

Personnalisation du code

Pour que ce code fonctionne pour votre formulaire spécifique, vous devrez apporter quelques ajustements :

1. Remplacez #wpforms-100 par l'ID de votre formulaire spécifique. Pour toute aide à trouver vos numéros d'ID, veuillez consulter ce tutoriel.
2. Modifiez le message d'erreur personnalisé dans cette ligne : messageElement.textContent = 'Cette valeur est déjà utilisée. Veuillez entrer une valeur unique.'; Remplacez le texte par votre message personnalisé souhaité.

Et voilà ! Vous avez maintenant personnalisé le message de validation unique pour un formulaire spécifique.

Ensuite, souhaitez-vous en savoir plus sur la personnalisation de la validation des formulaires ? Consultez notre tutoriel sur comment personnaliser les messages de validation WPForms.