{"id":5983,"date":"2016-09-06T15:03:58","date_gmt":"2016-09-06T13:03:58","guid":{"rendered":"http:\/\/kizeoformscom.kinsta.cloud\/es\/?p=5983"},"modified":"2023-02-07T21:42:42","modified_gmt":"2023-02-07T20:42:42","slug":"mascara-de-entrada","status":"publish","type":"post","link":"https:\/\/kizeoformscom.kinsta.cloud\/es\/mascara-de-entrada\/","title":{"rendered":"Define tu m\u00e1scara de entrada para limitar tus errores al rellenar un formulario"},"content":{"rendered":"<p>Una m\u00e1scara de entrada te permite definir el tipo de entrada esperado en un campo.<\/p>\n<h2>Paso 1: Define tu formato o m\u00e1scara de entrada.<\/h2>\n<h4>Expresiones regulares simples:<\/h4>\n<p>Puedes crear muy f\u00e1cilmente expresiones regulares para tu formato, utilizando los caracteres A para letras y N para n\u00fameros enteros.<\/p>\n<p><strong>Algunos ejemplos:<\/strong><\/p>\n<ul>\n<li>una fecha: NN-NN-NNNN<\/li>\n<li>una placa de matr\u00edcula: AA-NNN-AA<\/li>\n<li>un n\u00famero de seguridad social: N NN NN NN NNN NNN NN<\/li>\n<\/ul>\n<p><strong>Expresiones regulares complejas:<\/strong><\/p>\n<p>Como ayuda para crear expresiones regulares complejas, puedes consultar el sitio web\u00a0<a href=\"https:\/\/regex101.com\/\">Regex101.com<\/a><\/p>\n<p><strong>Algunos ejemplos:<\/strong><\/p>\n<ul>\n<li>C\u00f3digo de nomenclatura interna tipo 2015J02: \/^2015[A-Z]\\d{2}$\/<\/li>\n<li>Una secuencia de 5 cifras, todas pares: \/^[02468]{5}$\/<\/li>\n<li>La palabra \u00abprocess\u00bb,\u00a0que debe aparecer forzosamente al final de la introducci\u00f3n: \/process$\/gi<\/li>\n<li>Un n\u00famero con 1 decimal, obligatorio: \/^[1-9][0-9]*[,.][0-9]$\/<\/li>\n<li>Un n\u00famero con 1 decimal, facultativo: \/^[1-9][0-9]*[,.][0-9]$\/<\/li>\n<\/ul>\n<h2>Paso 2: Configura tu m\u00e1scara de entrada.<\/h2>\n<ul>\n<li>Ve a las opciones de tu campo de entrada, en la pesta\u00f1a \u00ab<strong>Funci\u00f3n avanzada<\/strong>\u00ab.<\/li>\n<li>Ve a <strong>M\u00e1scara de entrada\u00a0<\/strong><\/li>\n<\/ul>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-5984\" title=\"Ponga su formato de entrada. \" src=\"\/\/kizeoformscom.kinsta.cloud\/wp-content\/uploads\/2016\/11\/mascara-de-entrada.png\" alt=\"Ponga su formato de entrada. \" width=\"750\" height=\"563\" srcset=\"https:\/\/kizeoformscom.kinsta.cloud\/wp-content\/uploads\/2016\/11\/mascara-de-entrada.png 891w, https:\/\/kizeoformscom.kinsta.cloud\/wp-content\/uploads\/2016\/11\/mascara-de-entrada-300x225.png 300w, https:\/\/kizeoformscom.kinsta.cloud\/wp-content\/uploads\/2016\/11\/mascara-de-entrada-768x577.png 768w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<ul>\n<li>Para definir el formato de tu m\u00e1scara de entrada, rellena la casilla <strong>\u00abM\u00e1scara de entrada (Expresi\u00f3n regular)\u00bb\u00a0<\/strong>con tu expresi\u00f3n regular.<\/li>\n<li>Para a\u00f1adir una ayuda acerca de la m\u00e1scara de entrada, rellena la casilla <strong>\u00abM\u00e1scara de entrada (Explicaci\u00f3n para los m\u00f3viles)\u00bb\u00a0<\/strong>con\u00a0indicaciones que permitan comprender y respetar el formato de introducci\u00f3n deseado.<\/li>\n<li>No olvides guardar tus cambios.<\/li>\n<\/ul>\n<h2>En el m\u00f3vil.<\/h2>\n<p>En m\u00f3viles y tablets, este <strong>texto de ayuda<\/strong>\u00a0se convertir\u00e1 en una burbuja informativa:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-302144 size-full\" title=\"Haga clic en la en logotipo de informaci\u00f3n para ver el texto de ayuda. \" src=\"https:\/\/kizeoformscom.kinsta.cloud\/wp-content\/uploads\/2016\/09\/ayuda-2.png\" alt=\"\" width=\"582\" height=\"518\" srcset=\"https:\/\/kizeoformscom.kinsta.cloud\/wp-content\/uploads\/2016\/09\/ayuda-2.png 582w, https:\/\/kizeoformscom.kinsta.cloud\/wp-content\/uploads\/2016\/09\/ayuda-2-300x267.png 300w\" sizes=\"(max-width: 582px) 100vw, 582px\" \/><\/p>\n<p>La introducci\u00f3n de datos solamente es v\u00e1lida si tu formato corresponde al predefinido por la expresi\u00f3n regular configurada.<\/p>\n<p>Si el formato introducido es incorrecto, aparecer\u00e1 el texto \u00abExpresi\u00f3n no v\u00e1lida\u00bb en rojo.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-302159 \" title=\"El s\u00edmbolo de alerta aparecer\u00e1 si no se rellena correctamente el campo. \" src=\"https:\/\/kizeoformscom.kinsta.cloud\/wp-content\/uploads\/2016\/09\/mal-escrito-1.png\" alt=\"\" width=\"313\" height=\"586\" srcset=\"https:\/\/kizeoformscom.kinsta.cloud\/wp-content\/uploads\/2016\/09\/mal-escrito-1.png 271w, https:\/\/kizeoformscom.kinsta.cloud\/wp-content\/uploads\/2016\/09\/mal-escrito-1-160x300.png 160w\" sizes=\"(max-width: 313px) 100vw, 313px\" \/><\/p>\n<p>En cambio, cuando la introducci\u00f3n respeta el formato deseado, el campo vuelve a su color original.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-302166 size-full\" title=\"Ver\u00e1 un icono verde si se respecta el formato de la mascara de entrada. \" src=\"https:\/\/kizeoformscom.kinsta.cloud\/wp-content\/uploads\/2016\/09\/bien-escrito.png\" alt=\"\" width=\"272\" height=\"509\" srcset=\"https:\/\/kizeoformscom.kinsta.cloud\/wp-content\/uploads\/2016\/09\/bien-escrito.png 272w, https:\/\/kizeoformscom.kinsta.cloud\/wp-content\/uploads\/2016\/09\/bien-escrito-160x300.png 160w\" sizes=\"(max-width: 272px) 100vw, 272px\" \/><\/p>\n<blockquote>\n<p style=\"text-align: center;\"><span class=\"s1\" style=\"color: #95c01f;\">No dudes en enviarnos tus comentarios sobre este art\u00edculo.<br \/>\n<\/span><span class=\"s1\">Estamos a tu disposici\u00f3n para responder a tus preguntas, sugerencias, comentarios, etc.<\/span><\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Una m\u00e1scara de entrada te permite definir el tipo de entrada esperado en un campo. Paso 1: Define tu formato o m\u00e1scara de entrada. Expresiones regulares simples: Puedes crear muy f\u00e1cilmente expresiones regulares para tu formato, utilizando los caracteres A para letras y N para n\u00fameros enteros. Algunos ejemplos: una fecha: NN-NN-NNNN una placa de matr\u00edcula: AA-NNN-AA un n\u00famero de seguridad social: N NN NN [&hellip;]<\/p>\n","protected":false},"author":41,"featured_media":3665,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[38],"tags":[301],"class_list":["post-5983","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutoriales","tag-astuce-es"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Defina su m\u00e1scara de entrada para limitar sus errores<\/title>\n<meta name=\"description\" content=\"Para no equivocarse cuando rellene un formulario, con Kizeo Forms puede agregar el tipo de m\u00e1scara de entrada que desea, para limitar los errores.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kizeoformscom.kinsta.cloud\/es\/mascara-de-entrada\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Defina su m\u00e1scara de entrada para limitar sus errores\" \/>\n<meta property=\"og:description\" content=\"Para no equivocarse cuando rellene un formulario, con Kizeo Forms puede agregar el tipo de m\u00e1scara de entrada que desea, para limitar los errores.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kizeoformscom.kinsta.cloud\/es\/mascara-de-entrada\/\" \/>\n<meta property=\"og:site_name\" content=\"Kizeo Forms\" \/>\n<meta property=\"article:published_time\" content=\"2016-09-06T13:03:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-07T20:42:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kizeoformscom.kinsta.cloud\/wp-content\/uploads\/2016\/09\/tutorial-kizeo-forms-e1476106221846.png\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"306\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Kurt Carpels\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kurt Carpels\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kizeoformscom.kinsta.cloud\/es\/mascara-de-entrada\/\",\"url\":\"https:\/\/kizeoformscom.kinsta.cloud\/es\/mascara-de-entrada\/\",\"name\":\"Defina su m\u00e1scara de entrada para limitar sus errores\",\"isPartOf\":{\"@id\":\"https:\/\/kizeoformscom.kinsta.cloud\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kizeoformscom.kinsta.cloud\/es\/mascara-de-entrada\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kizeoformscom.kinsta.cloud\/es\/mascara-de-entrada\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kizeoformscom.kinsta.cloud\/wp-content\/uploads\/2016\/09\/tutorial-kizeo-forms-e1476106221846.png\",\"datePublished\":\"2016-09-06T13:03:58+00:00\",\"dateModified\":\"2023-02-07T20:42:42+00:00\",\"author\":{\"@id\":\"https:\/\/kizeoformscom.kinsta.cloud\/es\/#\/schema\/person\/78f38c0645c2493e34aee192a676a833\"},\"description\":\"Para no equivocarse cuando rellene un formulario, con Kizeo Forms puede agregar el tipo de m\u00e1scara de entrada que desea, para limitar los errores.\",\"breadcrumb\":{\"@id\":\"https:\/\/kizeoformscom.kinsta.cloud\/es\/mascara-de-entrada\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kizeoformscom.kinsta.cloud\/es\/mascara-de-entrada\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kizeoformscom.kinsta.cloud\/es\/mascara-de-entrada\/#primaryimage\",\"url\":\"https:\/\/kizeoformscom.kinsta.cloud\/wp-content\/uploads\/2016\/09\/tutorial-kizeo-forms-e1476106221846.png\",\"contentUrl\":\"https:\/\/kizeoformscom.kinsta.cloud\/wp-content\/uploads\/2016\/09\/tutorial-kizeo-forms-e1476106221846.png\",\"width\":900,\"height\":306,\"caption\":\"Image to indicate this is a tutorial\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kizeoformscom.kinsta.cloud\/es\/mascara-de-entrada\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/kizeoformscom.kinsta.cloud\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Define tu m\u00e1scara de entrada para limitar tus errores al rellenar un formulario\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kizeoformscom.kinsta.cloud\/es\/#website\",\"url\":\"https:\/\/kizeoformscom.kinsta.cloud\/es\/\",\"name\":\"Kizeo Forms\",\"description\":\"Mobile Solutions\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kizeoformscom.kinsta.cloud\/es\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/kizeoformscom.kinsta.cloud\/es\/#\/schema\/person\/78f38c0645c2493e34aee192a676a833\",\"name\":\"Kurt Carpels\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kizeoformscom.kinsta.cloud\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/84ff189af5d6edadf91aeef59986805b?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/84ff189af5d6edadf91aeef59986805b?s=96&r=g\",\"caption\":\"Kurt Carpels\"},\"url\":\"https:\/\/kizeoformscom.kinsta.cloud\/es\/author\/kurt\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Defina su m\u00e1scara de entrada para limitar sus errores","description":"Para no equivocarse cuando rellene un formulario, con Kizeo Forms puede agregar el tipo de m\u00e1scara de entrada que desea, para limitar los errores.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kizeoformscom.kinsta.cloud\/es\/mascara-de-entrada\/","og_locale":"es_ES","og_type":"article","og_title":"Defina su m\u00e1scara de entrada para limitar sus errores","og_description":"Para no equivocarse cuando rellene un formulario, con Kizeo Forms puede agregar el tipo de m\u00e1scara de entrada que desea, para limitar los errores.","og_url":"https:\/\/kizeoformscom.kinsta.cloud\/es\/mascara-de-entrada\/","og_site_name":"Kizeo Forms","article_published_time":"2016-09-06T13:03:58+00:00","article_modified_time":"2023-02-07T20:42:42+00:00","og_image":[{"width":900,"height":306,"url":"https:\/\/kizeoformscom.kinsta.cloud\/wp-content\/uploads\/2016\/09\/tutorial-kizeo-forms-e1476106221846.png","type":"image\/png"}],"author":"Kurt Carpels","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Kurt Carpels","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kizeoformscom.kinsta.cloud\/es\/mascara-de-entrada\/","url":"https:\/\/kizeoformscom.kinsta.cloud\/es\/mascara-de-entrada\/","name":"Defina su m\u00e1scara de entrada para limitar sus errores","isPartOf":{"@id":"https:\/\/kizeoformscom.kinsta.cloud\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kizeoformscom.kinsta.cloud\/es\/mascara-de-entrada\/#primaryimage"},"image":{"@id":"https:\/\/kizeoformscom.kinsta.cloud\/es\/mascara-de-entrada\/#primaryimage"},"thumbnailUrl":"https:\/\/kizeoformscom.kinsta.cloud\/wp-content\/uploads\/2016\/09\/tutorial-kizeo-forms-e1476106221846.png","datePublished":"2016-09-06T13:03:58+00:00","dateModified":"2023-02-07T20:42:42+00:00","author":{"@id":"https:\/\/kizeoformscom.kinsta.cloud\/es\/#\/schema\/person\/78f38c0645c2493e34aee192a676a833"},"description":"Para no equivocarse cuando rellene un formulario, con Kizeo Forms puede agregar el tipo de m\u00e1scara de entrada que desea, para limitar los errores.","breadcrumb":{"@id":"https:\/\/kizeoformscom.kinsta.cloud\/es\/mascara-de-entrada\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kizeoformscom.kinsta.cloud\/es\/mascara-de-entrada\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kizeoformscom.kinsta.cloud\/es\/mascara-de-entrada\/#primaryimage","url":"https:\/\/kizeoformscom.kinsta.cloud\/wp-content\/uploads\/2016\/09\/tutorial-kizeo-forms-e1476106221846.png","contentUrl":"https:\/\/kizeoformscom.kinsta.cloud\/wp-content\/uploads\/2016\/09\/tutorial-kizeo-forms-e1476106221846.png","width":900,"height":306,"caption":"Image to indicate this is a tutorial"},{"@type":"BreadcrumbList","@id":"https:\/\/kizeoformscom.kinsta.cloud\/es\/mascara-de-entrada\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/kizeoformscom.kinsta.cloud\/es\/"},{"@type":"ListItem","position":2,"name":"Define tu m\u00e1scara de entrada para limitar tus errores al rellenar un formulario"}]},{"@type":"WebSite","@id":"https:\/\/kizeoformscom.kinsta.cloud\/es\/#website","url":"https:\/\/kizeoformscom.kinsta.cloud\/es\/","name":"Kizeo Forms","description":"Mobile Solutions","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kizeoformscom.kinsta.cloud\/es\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/kizeoformscom.kinsta.cloud\/es\/#\/schema\/person\/78f38c0645c2493e34aee192a676a833","name":"Kurt Carpels","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kizeoformscom.kinsta.cloud\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/84ff189af5d6edadf91aeef59986805b?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/84ff189af5d6edadf91aeef59986805b?s=96&r=g","caption":"Kurt Carpels"},"url":"https:\/\/kizeoformscom.kinsta.cloud\/es\/author\/kurt\/"}]}},"_links":{"self":[{"href":"https:\/\/kizeoformscom.kinsta.cloud\/es\/wp-json\/wp\/v2\/posts\/5983"}],"collection":[{"href":"https:\/\/kizeoformscom.kinsta.cloud\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kizeoformscom.kinsta.cloud\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kizeoformscom.kinsta.cloud\/es\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/kizeoformscom.kinsta.cloud\/es\/wp-json\/wp\/v2\/comments?post=5983"}],"version-history":[{"count":0,"href":"https:\/\/kizeoformscom.kinsta.cloud\/es\/wp-json\/wp\/v2\/posts\/5983\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kizeoformscom.kinsta.cloud\/es\/wp-json\/wp\/v2\/media\/3665"}],"wp:attachment":[{"href":"https:\/\/kizeoformscom.kinsta.cloud\/es\/wp-json\/wp\/v2\/media?parent=5983"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kizeoformscom.kinsta.cloud\/es\/wp-json\/wp\/v2\/categories?post=5983"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kizeoformscom.kinsta.cloud\/es\/wp-json\/wp\/v2\/tags?post=5983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}