Personalizzazione di messaggi di convalida unici per moduli specifici

Volete personalizzare il messaggio di validazione unico per un modulo specifico in WPForms? Sebbene WPForms consenta di personalizzare i messaggi di convalida a livello globale, si potrebbe desiderare di avere messaggi diversi per moduli diversi.

In questo tutorial, vi mostreremo come utilizzare uno snippet di codice PHP per modificare il messaggio di convalida unico per un modulo specifico.

Aggiunta dello snippet di codice

Per personalizzare il messaggio di convalida unico per un modulo specifico, è necessario aggiungere al sito il seguente snippet di codice PHP. Se avete bisogno di aiuto per aggiungere snippet di codice al vostro sito, date un'occhiata a questo 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
}

Personalizzazione del codice

Per far funzionare questo codice per il vostro modulo specifico, dovrete apportare alcune modifiche:

1. Sostituire #wpforms-100 con l'ID del vostro modulo specifico. Per qualsiasi aiuto nella ricerca dei numeri identificativi, consultate questa esercitazione.
2. Modificare il messaggio di errore personalizzato in questa riga: messageElement.textContent = 'This value is already in use. Please enter a unique value.'; Sostituire il testo con il messaggio personalizzato desiderato.

Ed ecco fatto! Ora avete personalizzato il messaggio di convalida unico per un modulo specifico.

Volete poi saperne di più sulla personalizzazione della convalida dei moduli? Consultate il nostro tutorial su come personalizzare i messaggi di convalida di WPForms.