Personalizando Mensagens de Validação Únicas 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 personalizar as 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 para um formulário específico.

Adicionando o Trecho de Código

Para personalizar a mensagem de validação exclusiva para 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
}

Personalizando o Código

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

1. Substitua #wpforms-100 pelo ID do seu formulário específico. Para qualquer ajuda em encontrar 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, insira um valor exclusivo.'; Substitua o texto pela sua mensagem personalizada desejada.

E é isso! 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 mensagens de validação do WPForms.