{"id":124658,"date":"2022-11-16T17:31:38","date_gmt":"2022-11-16T16:31:38","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/how-to-check-password-strength\/"},"modified":"2025-02-03T16:44:45","modified_gmt":"2025-02-03T15:44:45","slug":"how-to-check-password-strength","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/fr\/aide\/comment-verifier-la-solidite-du-mot-de-passe","title":{"rendered":"Comment v\u00e9rifier la force d&rsquo;un mot de passe"},"content":{"rendered":"<p>Dans cet exemple, vous apprendrez \u00e0 v\u00e9rifier la force du mot de passe.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.justinmind.com\/usernote\/tests\/23518471\/73112233\/73316892\/index.html\" width=\"820px\" height=\"228px\" frameborder=\"0\"><\/iframe><br \/>\nVoici comment le construire :<\/p>\n<h3><b>Voir<\/b><\/h3>\n<ul>\n<li><span data-preserver-spaces=\"true\">S\u00e9lectionnez \u00ab\u00a0Champ de texte de saisie\u00a0\u00bb dans la section \u00ab\u00a0Champs de saisie interactifs\u00a0\u00bb et placez-le sur le canevas, allez dans la palette Propri\u00e9t\u00e9s et s\u00e9lectionnez le Type : Mot de passe.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Placez un \u00ab\u00a0Texte\u00a0\u00bb au-dessus de l&rsquo;entr\u00e9e et \u00e9crivez \u00ab\u00a0Mot de passe\u00a0\u00bb.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70605\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/check-password-strength-1.png\" alt=\"Menu flottant\" width=\"1295\" height=\"933\"><\/li>\n<li><span data-preserver-spaces=\"true\">S\u00e9lectionnez un \u00ab\u00a0panneau dynamique\u00a0\u00bb dans la section \u00ab\u00a0Contenu dynamique\u00a0\u00bb et placez-le sous le \u00ab\u00a0champ de texte de saisie\u00a0\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">S\u00e9lectionnez le \u00ab\u00a0panneau dynamique\u00a0\u00bb, vous verrez un menu flottant \u00e0 c\u00f4t\u00e9 ; ajoutez deux panneaux suppl\u00e9mentaires en cliquant sur le bouton \u00ab\u00a0+\u00a0\u00bb dans le menu.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70605\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/check-password-strength-2.png\" alt=\"Menu flottant\" width=\"1295\" height=\"933\"><\/li>\n<\/ul>\n<ul>\n<li><span data-preserver-spaces=\"true\">Le panneau num\u00e9ro 1 \u00e9tant s\u00e9lectionn\u00e9, allez dans la palette Propri\u00e9t\u00e9s et changez la couleur d&rsquo;arri\u00e8re-plan en rouge ; ensuite, placez un \u00ab\u00a0Texte\u00a0\u00bb \u00e0 l&rsquo;int\u00e9rieur du panneau, et \u00e9crivez \u00ab\u00a0Bas\u00a0\u00bb ; maintenez la touche Commande (Mac) ou Contr\u00f4le (Windows) enfonc\u00e9e lorsque vous faites glisser l&rsquo;\u00e9l\u00e9ment \u00e0 l&rsquo;int\u00e9rieur, vous verrez une teinte bleue.<\/span><video class=\"lazyload\" style=\"max-width: 820px; width: 100%; padding: 20px 0px;\" preload=\"auto\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"100%\" data-autoplay=\"\" data-poster=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/11\/check-password-strength-dynamic-panel.png\"><source src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/11\/check-password-strength-dynamic-panel.mp4\" type=\"video\/mp4\"><img decoding=\"async\" src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/11\/check-password-strength-dynamic-panel.png\" alt=\"Modifier le panneau dynamique\">Modifier le panneau dynamique<\/source><\/video><\/li>\n<li><span data-preserver-spaces=\"true\">R\u00e9p\u00e9tez les actions pour le panneau 2, changez la couleur de fond en jaune et \u00e9crivez \u00ab\u00a0Medium\u00a0\u00bb.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70605\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/check-password-strength-4.png\" alt=\"Menu flottant\" width=\"1295\" height=\"933\"><\/li>\n<li><span data-preserver-spaces=\"true\">Pour le panneau 3, s\u00e9lectionnez la couleur de fond verte et \u00e9crivez \u00ab\u00a0Haut\u00a0\u00bb.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70605\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/check-password-strength-5.png\" alt=\"Menu flottant\" width=\"1295\" height=\"933\"><\/li>\n<li>Pour terminer votre vue, \u00e0 droite de votre entr\u00e9e, placez un \u00ab\u00a0Texte\u00a0\u00bb et \u00e9crivez la longueur : <span data-preserver-spaces=\"true\">0-2 faible,&nbsp;<\/span> 3-5<span data-preserver-spaces=\"true\">moyen, <\/span><span data-preserver-spaces=\"true\">6-10 \u00e9lev\u00e9.<\/span><\/li>\n<\/ul>\n<h3><b>Ev\u00e9nements<\/b><\/h3>\n<p><span data-preserver-spaces=\"true\">S\u00e9lectionnez le \u00ab\u00a0champ de texte d&rsquo;entr\u00e9e\u00a0\u00bb, allez dans la palette \u00c9v\u00e9nements et cliquez sur \u00ab\u00a0Ajouter un \u00e9v\u00e9nement\u00a0\u00bb.&nbsp;<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70605\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/check-password-strength-6.png\" alt=\"Menu flottant\" width=\"1295\" height=\"933\"><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Dans la bo\u00eete de dialogue, cliquez sur \u00ab\u00a0Choose Trigger\u00a0\u00bb, survolez \u00ab\u00a0Keyboard\u00a0\u00bb et s\u00e9lectionnez \u00ab\u00a0on Key Up\u00a0\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Dans la section \u00ab\u00a0Choisir une action\u00a0\u00bb, s\u00e9lectionnez \u00ab\u00a0D\u00e9finir le panneau actif\u00a0\u00bb et cliquez sur le premier panneau.  <\/span>Cliquez sur \u00ab\u00a0Ok\u00a0\u00bb pour terminer la cr\u00e9ation de l&rsquo;\u00e9v\u00e9nement.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70605\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/check-password-strength-7.png\" alt=\"Menu flottant\" width=\"1295\" height=\"933\"><\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">Retournez dans la palette \u00c9v\u00e9nements et cliquez sur \u00ab\u00a0Ajouter une condition\u00a0\u00bb.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Dans le premier champ du g\u00e9n\u00e9rateur de conditions, faites glisser la fonction \u00ab\u00a0Count\u00a0\u00bb, puis le champ \u00ab\u00a0Input text field\u00a0\u00bb, et dans la zone suivante, tirez la fonction \u00ab\u00a0\u2264\u00a0\u00bb ; pour le dernier champ, \u00e9crivez \u00ab\u00a02\u00a0\u00bb. Cliquez sur \u00ab\u00a0Ok\u00a0\u00bb pour terminer la cr\u00e9ation de votre condition. <\/span><\/p>\n<div class=\"embed-container\" style=\"padding-bottom: 56%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/767998310\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p><span data-preserver-spaces=\"true\">Allez dans la palette \u00c9v\u00e9nements et cliquez sur \u00ab\u00a0Autre\u00a0\u00bb.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70605\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/check-password-strength-9.png\" alt=\"Menu flottant\" width=\"1295\" height=\"933\"><\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Dans la bo\u00eete de dialogue, cliquez sur \u00ab\u00a0Choose Trigger\u00a0\u00bb, survolez \u00ab\u00a0Keyboard\u00a0\u00bb et s\u00e9lectionnez \u00ab\u00a0on Key Up\u00a0\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Dans \u00ab\u00a0Choose Action\u00a0\u00bb, s\u00e9lectionnez \u00ab\u00a0Set active panel\u00a0\u00bb et cliquez sur le deuxi\u00e8me panneau.  <\/span>Cliquez sur \u00ab\u00a0Ok\u00a0\u00bb pour terminer la cr\u00e9ation de l&rsquo;\u00e9v\u00e9nement.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70605\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/check-password-strength-10.png\" alt=\"Menu flottant\" width=\"1295\" height=\"933\"><\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">Retournez dans la palette \u00c9v\u00e9nements et cliquez sur \u00ab\u00a0Ajouter une condition\u00a0\u00bb.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Dans le premier champ du g\u00e9n\u00e9rateur de conditions, faites glisser la fonction \u00ab\u00a0Count\u00a0\u00bb, puis le \u00ab\u00a0Input text field\u00a0\u00bb, et dans la zone suivante, tirez la fonction \u00ab\u00a0\u2264\u00a0\u00bb ; pour le dernier champ, \u00e9crivez \u00ab\u00a05\u00a0\u00bb. Cliquez sur \u00ab\u00a0Ok\u00a0\u00bb pour terminer la cr\u00e9ation de votre condition. <\/span><\/p>\n<div class=\"embed-container\" style=\"padding-bottom: 56%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/767998927\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p><span data-preserver-spaces=\"true\">Allez dans la palette \u00c9v\u00e9nements et cliquez sur \u00ab\u00a0Autre\u00a0\u00bb.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70605\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/check-password-strength-12.png\" alt=\"Menu flottant\" width=\"1295\" height=\"933\"><\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Dans la bo\u00eete de dialogue, cliquez sur \u00ab\u00a0Choose Trigger\u00a0\u00bb, survolez \u00ab\u00a0Keyboard\u00a0\u00bb et s\u00e9lectionnez \u00ab\u00a0on Key Up\u00a0\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Dans \u00ab\u00a0Choose Action\u00a0\u00bb, s\u00e9lectionnez \u00ab\u00a0Set active panel\u00a0\u00bb et cliquez sur le dernier panneau.  <\/span>Cliquez sur \u00ab\u00a0Ok\u00a0\u00bb pour terminer la cr\u00e9ation de l&rsquo;\u00e9v\u00e9nement.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70605\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/check-password-strength-13.png\" alt=\"Menu flottant\" width=\"1295\" height=\"933\"><\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">Retournez dans la palette \u00c9v\u00e9nements et cliquez sur \u00ab\u00a0Ajouter une autre condition\u00a0\u00bb.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70605\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/check-password-strength-14.png\" alt=\"Menu flottant\" width=\"1295\" height=\"933\"><\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Dans le premier champ du g\u00e9n\u00e9rateur de conditions, faites glisser la fonction \u00ab\u00a0Count\u00a0\u00bb, puis le champ \u00ab\u00a0Input text field\u00a0\u00bb, et dans la zone suivante, la fonction \u00ab\u00a0\u2264\u00a0\u00bb ; pour le dernier champ, \u00e9crivez \u00ab\u00a010\u00a0\u00bb. Cliquez sur \u00ab\u00a0Ok\u00a0\u00bb pour terminer la cr\u00e9ation de votre condition. <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70605\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/11\/check-password-strength-15.png\" alt=\"Menu flottant\" width=\"1295\" height=\"933\"><\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Simulez votre prototype.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dans cet exemple, vous apprendrez \u00e0 v\u00e9rifier la force du mot de passe. Voici comment le construire : Voir S\u00e9lectionnez \u00ab\u00a0Champ de texte de saisie\u00a0\u00bb dans&#8230;<\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8435,8426],"tags":[],"class_list":["post-124658","post","type-post","status-publish","format-standard","hentry","category-interactions-avancees","category-comment-faire"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124658"}],"collection":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/comments?post=124658"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124658\/revisions"}],"predecessor-version":[{"id":126193,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124658\/revisions\/126193"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media?parent=124658"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/categories?post=124658"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tags?post=124658"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}