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

¿Te gustaría personalizar el mensaje de validación único para un formulario específico en WPForms? Si bien WPForms te permite personalizar los mensajes de validación de forma global, es posible que desees tener mensajes diferentes para formularios diferentes.

En este tutorial, te mostraremos cómo usar 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ás agregar el siguiente fragmento de código PHP a tu sitio. Si necesitas ayuda para agregar 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 tu formulario específico, deberás hacer algunos ajustes:

1. Reemplaza #wpforms-100 con el ID de tu formulario específico. Para obtener ayuda para encontrar tus números de ID, consulta este tutorial.
2. Modifica el mensaje de error personalizado en esta línea: messageElement.textContent = 'Este valor ya está en uso. Introduce un valor único.'; Reemplaza el texto con tu mensaje personalizado deseado.

¡Y eso es todo! Ahora has personalizado el mensaje de validación único para un formulario específico.

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