Personalización de mensajes de validación únicos para formularios específicos

¿Le gustaría personalizar el mensaje de validación único para un formulario específico en WPForms? Aunque WPForms le permite personalizar los mensajes de validación globalmente, es posible que desee tener diferentes mensajes para diferentes formularios.

En este tutorial, le mostraremos cómo utilizar un fragmento de código PHP para cambiar el mensaje de validación único para un formulario específico.

Añadir el fragmento de código

Para personalizar el mensaje de validación único para un formulario específico, necesitará añadir el siguiente fragmento de código PHP a su sitio. Si necesitas ayuda para añadir fragmentos de código a tu sitio, echa un vistazo a 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
}

Personalización del código

Para que este código funcione para su formulario específico, tendrá que hacer algunos ajustes:

1. Sustituir #wpforms-100 con el número de identificación de su formulario específico. Si necesita ayuda para encontrar sus números de identificación, consulte este tutorial.
2. Modifique el mensaje de error personalizado en esta línea: messageElement.textContent = 'This value is already in use. Please enter a unique value.'; Sustituya el texto por el mensaje personalizado que desee.

Y ya está. Ahora ha personalizado el mensaje de validación único para un formulario específico.

A continuación, ¿le gustaría aprender más sobre cómo personalizar la validación de formularios? Echa un vistazo a nuestro tutorial sobre cómo personalizar los mensajes de validación WPForms.