Personalizar Mensagens de Validação Únicas para Formulários Específicos

Gostaria de personalizar a mensagem de validação única para um formulário específico no WPForms? Embora o WPForms permita personalizar as mensagens de validação globalmente, pode querer ter mensagens diferentes para formulários diferentes.

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

Adicionar o Excerto de Código

Para personalizar a mensagem de validação única para um formulário específico, terá de adicionar o seguinte trecho de código PHP ao seu site. Se precisar de ajuda para adicionar trechos de código ao seu site,  consulte este 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
}

Personalizar o Código

Para que este código funcione para o seu formulário específico, terá de fazer alguns ajustes:

1. Substitua #wpforms-100 pelo ID do seu formulário específico. Para qualquer ajuda a encontrar os seus números de ID,  consulte este tutorial.
2. Modifique a mensagem de erro personalizada nesta linha: messageElement.textContent = 'Este valor já está em uso. Por favor, introduza um valor único.'; Substitua o texto pela sua mensagem personalizada desejada.

E é tudo! Já personalizou a mensagem de validação única para um formulário específico.

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