Empêcher l’envoi du formulaire Contact 7 en utilisant la touche Entrée : Si vous utilisez le plugin Contact Form 7 sur votre site WordPress et que vous souhaitez éviter que les utilisateurs envoient accidentellement le formulaire en appuyant sur la touche Entrée, il existe une solution simple à mettre en œuvre. En ajoutant un petit morceau de code à votre fichier functions.php, vous pouvez bloquer cette action.
Voici comment procéder :
Sommaire
Étape 1 : Trouver l’ID de votre formulaire
Avant de commencer, assurez-vous de connaître l’ID de votre formulaire Contact 7.
Comment trouver le l’ID de votre formulaire ?
Vous pouvez trouver cette information en consultant le code source de la page où se trouve votre formulaire ou en inspectant directement le formulaire avec les outils de développement de votre navigateur.
Étape 2 : Intégrer le code dans functions.php
Une fois que vous avez identifié l’ID de votre formulaire, ouvrez le fichier functions.php de votre thème WordPress et ajoutez-y le code suivant :
/** Empêcher l’envoi du formulaire Contact 7 en utilisant la touche Entrée **/
function dws_disable_enter_contact_7( ) {
?>
<script type="text/javascript">
// Only run this snippet on the form ID 1114
jQuery( '#wpcf7-f1471-p4741-o1' ).on( 'keypress keydown keyup', function(e) {
if (e.which== 13) {
e.preventDefault();
}
});
</script>
<?php
}
add_action( 'wp_footer', 'dws_disable_enter_contact_7', 30 );
Étape 3 : Personnaliser le code
Assurez-vous de remplacer 'wpcf7-f1471-p4741-o1' par l’ID de votre propre formulaire. Cela garantira que le script fonctionne correctement pour votre formulaire spécifique.
Conclusion
En suivant ces étapes simples, vous pouvez facilement empêcher les utilisateurs d’envoyer accidentellement le formulaire Contact 7 en appuyant sur la touche Entrée. Cette modification contribue à améliorer l’expérience utilisateur en évitant les erreurs de soumission involontaires.
