Personalizzazione dei messaggi di convalida univoci per moduli specifici

Vuoi personalizzare il messaggio di validazione univoco per un modulo specifico in WPForms? Sebbene WPForms ti consenta di personalizzare i messaggi di validazione a livello globale, potresti voler avere messaggi diversi per moduli diversi.

In questo tutorial, ti mostreremo come utilizzare uno snippet di codice PHP per modificare il messaggio di validazione univoco per un modulo specifico.

Aggiunta dello snippet di codice

Per personalizzare il messaggio di validazione univoco per un modulo specifico, dovrai aggiungere il seguente snippet di codice PHP al tuo sito. Se hai bisogno di aiuto per aggiungere snippet di codice al tuo sito,  dai 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 tuo modulo specifico, dovrai apportare alcune modifiche:

1. Sostituisci #wpforms-100 con l'ID del tuo modulo specifico. Per qualsiasi aiuto nel trovare i tuoi numeri ID,  controlla questo tutorial.
2. Modifica il messaggio di errore personalizzato in questa riga: messageElement.textContent = 'Questo valore è già in uso. Inserisci un valore univoco.'; Sostituisci il testo con il tuo messaggio personalizzato desiderato.

E questo è tutto! Ora hai personalizzato il messaggio di validazione univoco per un modulo specifico.

Successivamente, vuoi saperne di più sulla personalizzazione della validazione dei moduli? Dai un'occhiata al nostro tutorial su come personalizzare i messaggi di validazione di WPForms.