Personalização de mensagens de validação exclusivas para formulários específicos

Você gostaria de personalizar a mensagem de validação exclusiva para um formulário específico no WPForms? Embora o WPForms permita que você personalize as mensagens de validação globalmente, talvez você queira ter mensagens diferentes para formulários diferentes.

Neste tutorial, mostraremos como usar um snippet de código PHP para alterar a mensagem de validação exclusiva de um formulário específico.

Adição do snippet de código

Para personalizar a mensagem de validação exclusiva de um formulário específico, você precisará adicionar o seguinte trecho de código PHP ao seu site. Se precisar de ajuda para adicionar trechos de código ao seu site, dê uma olhada neste tutorial.

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
}

Personalização do código

Para que esse código funcione em seu formulário específico, você precisará fazer alguns ajustes:

1. Substituir #wpforms-100 com o ID de seu formulário específico. Para obter ajuda para encontrar seus números de identificação, Dê uma olhada neste tutorial.
2. Modifique a mensagem de erro personalizada nessa linha: messageElement.textContent = 'This value is already in use. Please enter a unique value.'; Substitua o texto pela mensagem personalizada desejada.

E é isso! Agora você personalizou a mensagem de validação exclusiva para um formulário específico.

Em seguida, você gostaria de saber mais sobre como personalizar a validação de formulários? Confira nosso tutorial sobre como personalizar as mensagens de validação do WPForms.