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

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

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

Ajout de l'extrait de code

Pour personnaliser le message de validation unique d'un formulaire spécifique, vous devez 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
}

Personnaliser le code

Pour que ce code fonctionne avec votre formulaire spécifique, vous devrez procéder à quelques ajustements :

1. Remplacer #wpforms-100 avec le numéro d'identification de votre formulaire spécifique. Pour toute aide dans la recherche de vos numéros d'identification, veuillez consulter ce tutoriel.
2. Modifiez le message d'erreur personnalisé dans cette ligne : messageElement.textContent = 'This value is already in use. Please enter a unique value.'; Remplacez le texte par le message personnalisé de votre choix.

Et c'est tout ! Vous avez maintenant personnalisé le message de validation unique pour un formulaire spécifique.

Ensuite, vous voulez en savoir plus sur la personnalisation de la validation des formulaires ? Consultez notre tutoriel sur la personnalisation des messages de validation de WPForms.