{"id":124656,"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\/es\/soporte\/como-comprobar-la-fuerza-de-la-contrasena","title":{"rendered":"C\u00f3mo comprobar la seguridad de la contrase\u00f1a"},"content":{"rendered":"<p>En este ejemplo, aprender\u00e1s a comprobar la seguridad de la contrase\u00f1a.<\/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 \/>\nAs\u00ed es como se construye:<\/p>\n<h3><b>Ver<\/b><\/h3>\n<ul>\n<li><span data-preserver-spaces=\"true\">Selecciona \u00abCampo de texto de entrada\u00bb de la secci\u00f3n \u00abCampos de entrada interactivos\u00bb y col\u00f3calo en el lienzo, ve a la paleta Propiedades y selecciona el Tipo: Contrase\u00f1a.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Coloca un \u00abTexto\u00bb encima de la entrada y escribe \u00abContrase\u00f1a\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=\"Men\u00fa flotante\" width=\"1295\" height=\"933\"><\/li>\n<li><span data-preserver-spaces=\"true\">Selecciona un \u00abPanel din\u00e1mico\u00bb de la secci\u00f3n \u00abContenido din\u00e1mico\u00bb y col\u00f3calo debajo del \u00abCampo de texto de entrada\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Seleccionado el \u00abPanel din\u00e1mico\u00bb, ver\u00e1s un men\u00fa flotante cerca de \u00e9l; a\u00f1ade dos paneles m\u00e1s haciendo clic en el bot\u00f3n \u00ab+\u00bb del men\u00fa.<\/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=\"Men\u00fa flotante\" width=\"1295\" height=\"933\"><\/li>\n<\/ul>\n<ul>\n<li><span data-preserver-spaces=\"true\">Con el panel n\u00famero 1 seleccionado, ve a la paleta Propiedades y cambia el color de fondo a rojo; a continuaci\u00f3n, coloca un \u00abTexto\u00bb dentro del panel, y escribe \u00abBajo\u00bb; mant\u00e9n pulsado comando (Mac) o control (Windows) al arrastrar el elemento hacia dentro, ver\u00e1s que se ti\u00f1e de azul.<\/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=\"Editar panel din\u00e1mico\">Editar panel din\u00e1mico<\/source><\/video><\/li>\n<li><span data-preserver-spaces=\"true\">Repite las acciones para el panel 2, cambia el color de fondo a amarillo y escribe \u00abMedio\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=\"Men\u00fa flotante\" width=\"1295\" height=\"933\"><\/li>\n<li><span data-preserver-spaces=\"true\">Para el panel 3, selecciona el color de fondo verde y escribe \u00abAlto\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=\"Men\u00fa flotante\" width=\"1295\" height=\"933\"><\/li>\n<li>Para terminar tu vista, a la derecha de tu entrada, coloca un \u00abTexto\u00bb y escribe la Longitud: <span data-preserver-spaces=\"true\">0-2 d\u00e9bil,&nbsp;<\/span> 3-5<span data-preserver-spaces=\"true\">media, <\/span><span data-preserver-spaces=\"true\">6-10 alta.<\/span><\/li>\n<\/ul>\n<h3><b>Eventos<\/b><\/h3>\n<p><span data-preserver-spaces=\"true\">Selecciona el \u00abCampo de texto de entrada\u00bb, ve a la paleta Eventos y haz clic en \u00abA\u00f1adir evento\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=\"Men\u00fa flotante\" width=\"1295\" height=\"933\"><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">En el cuadro de di\u00e1logo, haz clic en \u00abElegir activador\u00bb, pasa el rat\u00f3n por encima de \u00abTeclado\u00bb y selecciona \u00abal pulsar la tecla\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">En \u00abElegir acci\u00f3n\u00bb, selecciona \u00abEstablecer panel activo\u00bb y haz clic en el primer panel.  <\/span>Haz clic en \u00abAceptar\u00bb para terminar de crear el evento.<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=\"Men\u00fa flotante\" width=\"1295\" height=\"933\"><\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">Vuelve a la paleta Eventos y haz clic en \u00abA\u00f1adir condici\u00f3n\u00bb.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">En el primer campo del constructor de condiciones, arrastra la funci\u00f3n \u00abContar\u00bb, a continuaci\u00f3n arrastra el \u00abCampo de texto de entrada\u00bb, y en el \u00e1rea siguiente, tira de la funci\u00f3n \u00ab\u2264\u00bb; para el \u00faltimo campo, escribe \u00ab2\u00bb. Haz clic en \u00abAceptar\u00bb para terminar de crear tu condici\u00f3n. <\/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\">Ve a la paleta Eventos y haz clic en \u00abOtro\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=\"Men\u00fa flotante\" width=\"1295\" height=\"933\"><\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">En el cuadro de di\u00e1logo, haz clic en \u00abElegir activador\u00bb, pasa el rat\u00f3n por encima de \u00abTeclado\u00bb y selecciona \u00abal pulsar la tecla\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">En \u00abElegir acci\u00f3n\u00bb, selecciona \u00abEstablecer panel activo\u00bb y haz clic en el segundo panel.  <\/span>Haz clic en \u00abAceptar\u00bb para terminar de crear el evento.<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=\"Men\u00fa flotante\" width=\"1295\" height=\"933\"><\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">Vuelve a la paleta Eventos y haz clic en \u00abA\u00f1adir condici\u00f3n\u00bb.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">En el primer campo del constructor de condiciones, arrastra la funci\u00f3n \u00abContar\u00bb, a continuaci\u00f3n arrastra el \u00abCampo de texto de entrada\u00bb, y en el \u00e1rea siguiente, tira de la funci\u00f3n \u00ab\u2264\u00bb; para el \u00faltimo campo, escribe \u00ab5\u00bb. Haz clic en \u00abAceptar\u00bb para terminar de crear tu condici\u00f3n. <\/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\">Ve a la paleta Eventos y haz clic en \u00abOtro\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=\"Men\u00fa flotante\" width=\"1295\" height=\"933\"><\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">En el cuadro de di\u00e1logo, haz clic en \u00abElegir activador\u00bb, pasa el rat\u00f3n por encima de \u00abTeclado\u00bb y selecciona \u00abal pulsar la tecla\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">En \u00abElegir acci\u00f3n\u00bb, selecciona \u00abEstablecer panel activo\u00bb y haz clic en el \u00faltimo panel.  <\/span>Haz clic en \u00abAceptar\u00bb para terminar de crear el evento.<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=\"Men\u00fa flotante\" width=\"1295\" height=\"933\"><\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">Vuelve a la paleta Eventos y haz clic en \u00abSi no, a\u00f1ade una condici\u00f3n\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=\"Men\u00fa flotante\" width=\"1295\" height=\"933\"><\/span><\/p>\n<p><span data-preserver-spaces=\"true\">En el primer campo del constructor de condiciones, arrastra la funci\u00f3n \u00abContar\u00bb, a continuaci\u00f3n arrastra el \u00abCampo de texto de entrada\u00bb, y en el \u00e1rea siguiente, la funci\u00f3n \u00ab\u2264\u00bb; para el \u00faltimo campo, escribe \u00ab10\u00bb. Haz clic en \u00abAceptar\u00bb para terminar de crear tu condici\u00f3n. <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=\"Men\u00fa flotante\" width=\"1295\" height=\"933\"><\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Simula tu prototipo.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En este ejemplo, aprender\u00e1s a comprobar la seguridad de la contrase\u00f1a. As\u00ed es como se construye: Ver Selecciona \u00abCampo de texto de entrada\u00bb de la secci\u00f3n&#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":[8434,8424],"tags":[],"class_list":["post-124656","post","type-post","status-publish","format-standard","hentry","category-interacciones-avanzadas","category-trucos-avanzados"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124656"}],"collection":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/comments?post=124656"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124656\/revisions"}],"predecessor-version":[{"id":126191,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124656\/revisions\/126191"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/media?parent=124656"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/categories?post=124656"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tags?post=124656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}