Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


disposition

D’abordCréez une ligne avec le Deux Constructeur et coller Module formulaire de contact. Vous avez déjà défini 3 champs standards – Nom, email et message.

Essayons le masque dans un masque personnalisé téléphoner Domaine. Cliquez sur Ajouter un nouveau champ et poser téléphoner en faisant ID de champ et Titre.

brillant! Notre mise en page est prête.

L’important à propos de cet article est de comprendre comment utiliser le masque jQuery travaille. Ensuite, vous pouvez l’utiliser comme vous en avez besoin, quand vous en avez besoin.

HTML

Deuxièmebesoin d’en installer un rapidement jQuery Brancher – Ne vous inquiétez pas, c’est assez léger ~ 8 kbs. Ajoutez ce qui suit jQuery Code à l’intérieur Divi> Options du thème> Intégration> Ajouter au Ajoutez du code à votre blog::

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.min.js"></script>

Utiliser CDNJS ou le développeur GitHub Page pour trouver le lien pour télécharger ou copier des fichiers CDN URL.

JS

la troisième, après une installation correcte du Plug-in de masque jQuery Ajoutez le code jQuery suivant Divi> Options du thème> Intégration> Ajouter au Ajoutez du code à votre blog::

jQuery(document).ready(function( $ ){
//Add mask to contact form
$("https://blog.youdivi.com/tutorials/add-mask-contact-form/#").mask("+9 999-999-9999");
});

À la fin, change juste ça # sur l’élément de champ spécifique JE VOUDRAIS. Vous devez utiliser ça Inspecter Google Chrome Outil pour trouver l’entrée JE VOUDRAIS de Champ de téléphone.

Exemple: $ (« # Et_pb_contact_telephone_1 »). Masquer

Vous pouvez également cibler des classes. Dans ce didacticiel, vous avez utilisé l’ID, mais vous pouvez facilement cibler des classes et des ID à l’aide de jQuery.

Consultez le didacticiel vidéo YouTube pour mieux comprendre comment vérifier le DOM pour trouver l’ID.

C’est ça. Vous pouvez recharger la page du formulaire de contact pour voir si le masque fonctionne comme prévu.



Source link

Recent Posts