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 mensagens de validação globalmente, você 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 exclusiva de um formulário específico.

Adicionar o snippet de código

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

Personalização do código

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

1. Substituir #wpforms-100 com o ID do seu formulário específico. Para qualquer ajuda na procura dos seus números de identificação, consulte este tutorial.
2. Modificar a mensagem de erro personalizada nesta linha: messageElement.textContent = 'This value is already in use. Please enter a unique value.'; Substitua o texto pela mensagem personalizada pretendida.

E pronto! Já personalizou a mensagem de validação exclusiva para um formulário específico.

Em seguida, 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.