Divulgación: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Descubre cómo se financia WPForms, por qué es importante y cómo puedes apoyarnos.

Claire Broadley

Claire es la Gerente de Contenido del equipo de WPForms. Tiene m ilde;s de 13 a tilde;os de experiencia escribiendo sobre WordPress y alojamiento web. Aprende m ilde;s

El mejor plugin constructor de formularios de arrastrar y soltar para WordPress

Fácil, rápido y seguro. Únete a más de 6 millones de propietarios de sitios web que confían en WPForms.

¡Lo más popular en WPForms ahora mismo!

Funciones ocultas de WPForms que no conocías

Funciones ocultas de WPForms que no sabías que existían

Descubre el poder oculto de WPForms con estas funciones menos conocidas que pueden transformar tu experiencia de creación de formularios. Desde potenciadores de productividad hasta herramientas de gestión de datos, descubre los secretos para crear formularios más eficientes y fáciles de usar.

Tanto si eres un usuario experimentado de WPForms como si estás empezando, estas joyas ocultas te ayudarán a crear formularios que no solo tengan un buen aspecto, sino que funcionen de forma más inteligente. Desbloquea todo el potencial de WPForms y optimiza tu proceso de gestión de formularios con estos consejos y trucos de expertos.

43 comentarios sobre “Cómo limitar campos de formulario con máscaras de entrada (+Ejemplos)”

    1. Hola Dianne:

      ¡Me disculpo por cualquier problema con esto! Al agregar una máscara de entrada, asegúrate de estar usando un campo de Texto de línea única (este es actualmente el único tipo de campo que permite máscaras de entrada). Además, esta es una función más reciente, así que asegúrate de que tu plugin WPForms esté completamente actualizado.

      Si pruebas esto y sigues sin ver las opciones que esperas, ponte en contacto con nosotros para que podamos ayudarte. Si tienes una licencia de WPForms, tienes acceso a nuestro soporte por correo electrónico, así que por favor envía un ticket de soporte.

      De lo contrario, ofrecemos soporte gratuito limitado en el foro de soporte de WPForms Lite en WordPress.org.

      Gracias 🙂

      Responder

  3. Hola, en este artículo: https://wpforms.com/docs/how-to-use-custom-input-masks/

    Usas la máscara de entrada de ejemplo para una dirección de correo electrónico en "mysite.com"

    Máscara: *[*{0,50}]@mysite.com
    Entrada de ejemplo: [email protected] o [email protected]

    ¿Pero qué pasa si tu sitio web tiene la letra "a"? Por ejemplo…

    Usando esta máscara de capa: *[*{0,50}]@mydomain.com
    realmente renderiza un campo que tiene un espacio en blanco para la "a" en domain.
    Entrada de ejemplo: _______@mydom_in.com

    ¿Cómo formato la máscara de capa para que toda la cadena "mydomain.com" permanezca intacta?

    ¡Gracias de antemano por tu ayuda!

    Responder

    1. Hola Re:

      ¡Lamento los problemas! He replicado el problema que describiste y lo he compartido con nuestro equipo para que trabajen en una solución. ¡Gracias por informarnos para que podamos resolverlo! :)

      Responder

  4. Hola. Quiero usar la herramienta de máscara de entrada para limitar la entrada de caracteres en algunos de mis campos.

    Estoy usando esta máscara: *[*{0,30}].

    Sin embargo, no incluye los "espacios" como un carácter.

    ¿Qué máscara de entrada puedo usar para incluir los espacios como un carácter en mi límite de 30 caracteres?

    Responder

    1. Hola Alicia:

      Nuestras máscaras de entrada no proporcionan actualmente un requisito de "espacio" de esta manera. En su lugar, podría considerar el uso de un poco de código personalizado para añadir este límite de caracteres en su lugar (aquí tiene nuestra documentación con detalles).

      El código de esa documentación contará los espacios como caracteres, por lo que debería funcionar más como lo que tiene en mente.

      Y en caso de que ayude, aquí tiene cómo añadir código personalizado como este a su sitio.

      ¡Espero que esto ayude! :)

      Responder

    1. Hola Allan:

      Tengo buenas noticias: tenemos una solución para esto 🙂

      Para añadir una "a" sin convertirla en parte del área de entrada, puede escaparla usando `\\`. Por ejemplo, si introdujera esto como su máscara de entrada: `this is \\a test aaa`, terminaría siendo: “this is a test ___”.

      Así que asegúrese de poner esa doble barra invertida delante de cualquier A, a o 9 que desee conservar tal cual (sin convertir en _).

      ¡Espero que esto ayude! :)

      Responder

    1. Hola Elyas:

      No tenemos un carácter especial para permitir espacios; en su lugar, simplemente puede añadir un espacio entre los caracteres & que desee, para que el campo de máscara de entrada pueda leerse como "&&&& &&&&."

      ¡Espero que esto ayude! :)

      Responder

      1. ¿Cómo puedo hacer que el campo acepte solo números que comiencen en el rango de 6-9? Estoy usando WPForms Basic comprado.

        Ejemplo
        7898981226
        8985607458
        9989878774

      2. ¡Hola Munaf!

        Puede crear una máscara de entrada personalizada para el campo de Texto de Línea Única, sin embargo, no hay una opción incorporada para usar el rango de números allí.
        Así que puede tenerlo así, por ejemplo, "\\799999" y permitirá solo "7" al principio y luego 5 dígitos más cualesquiera, pero lamentablemente no tenemos reglas para elegir 7 O 8 O 9 allí al principio.
        Y en caso de que ayude, tenemos un tutorial más excelente sobre cómo usar máscaras de entrada personalizadas en WPForms aquí

        ¡Pido disculpas por cualquier confusión!

        Que tengas un buen día :)

  7. Estoy iniciando el uso de WPFroms aún de forma gratuita para pruebas de compatibilidad con soluciones que ya tengo implementadas, sin embargo, al intentar personalizar una máscara simple sugerida por ustedes como “https://www.f\\acebook.com/*{1,22}” en un campo de “texto de línea única” percibo que no se aceptan caracteres especiales simples como ? . o / ; ¿es una limitación intencional impuesta a usuarios gratuitos o podrían informarme por qué símbolo debería reemplazar el de * para permitir la entrada de caracteres especiales en la máscara?

    Responder

    1. Hola Waqas: Si tienes un número fijo de dígitos, entonces es factible. Por ejemplo, esta máscara de entrada mostrará 9 dígitos y una coma cada 3 dígitos 999.999.999

      ¡Espero que esto ayude!

      Responder

    1. Hola Afif: Tenemos algunos tutoriales de máscaras de entrada avanzadas en este artículo que explican cómo añadir algunos caracteres.

      Para obtener más ayuda con esto, por favor, ponte en contacto con nuestro soporte para que podamos ayudarte. Si tienes una licencia de WPForms, tienes acceso a nuestro soporte por correo electrónico, así que por favor envía un ticket de soporte. De lo contrario, ofrecemos soporte limitado gratuito en el foro de soporte de WPForms Lite en WordPress.org.

      Gracias 🙂

      Responder

  12. Hola, mis máscaras de entrada parecen no funcionar más, los campos de texto permiten escribir cualquier cosa aunque las máscaras estén activas. ¿Alguna ayuda por favor? gracias.

    Responder

  13. Hola,

    Estoy creando un campo de nombre con texto de una sola línea y solo se deben agregar alfabetos y espacios. Para esto, he agregado una máscara de entrada como {1,50}. Esto acepta alfabetos, pero no se pueden agregar espacios. Por favor, deme una solución para esto.

    Responder

    1. ¡Hola Amrita! Me disculpo, pero las máscaras de entrada no serían adecuadas para este tipo de caso de uso, ya que están destinadas a proporcionar una estructura específica a la entrada, por ejemplo, un número de teléfono o un número de identificación. Los espacios no podrían utilizarse en una máscara de entrada.

      Para hacer lo que buscas se requeriría codificación personalizada (generalmente jQuery o JavaScript), sin embargo, me disculpo ya que no podemos brindar soporte para este nivel de personalización. Este hilo podría darte algunas ideas.

      Lamento no poder ofrecer una solución para esto, pero si tienes alguna otra pregunta, por favor contáctanos si tienes una suscripción activa. Si no la tienes, no dudes en hacernos algunas preguntas en nuestros foros de soporte.

      Responder

    1. ¡Hola! Parece que has publicado esta pregunta en varios artículos, así que la abordaré en un solo lugar aquí.

      Me disculpo, pero no es posible especificar dónde se colocaría el número opcional, ya que la máscara de entrada opera según la secuencia en que se ingresan. Técnicamente, el número opcional podría mantenerse opcional, pero significaría que tus usuarios tendrían que "saltarse" ese carácter ingresando un espacio en esa posición de carácter, y luego continuar para completar el resto del campo.

      Debería ser posible con algo de codificación personalizada, sin embargo, lamento que tales personalizaciones estén fuera del alcance de nuestro soporte. En caso de que desees explorar opciones de desarrollo personalizadas, recomendamos encarecidamente Codeable. Codeable evalúa a todos los desarrolladores para asegurarte de que sean altamente calificados y comunicativos, y luego también ayuda a guiar todo el proceso de conexión y comunicación con un desarrollador que se ajuste mejor.

      Aquí tienes nuestro tutorial sobre el uso de Codeable, que proporciona más detalles sobre cómo funciona este proceso.

      O si prefieres un equipo al que puedas acudir continuamente (a largo plazo) para obtener ayuda con el desarrollo personalizado, también podrías considerar echar un vistazo a WPBuffs.

      Espero que esto ayude a aclarar 🙂 Si tienes alguna otra pregunta al respecto, por favor contáctanos si tienes una suscripción activa. Si no la tienes, no dudes en enviarnos tus preguntas a nuestros foros de soporte.

      Responder

  15. El elemento de número de teléfono no ofrece enmascaramiento de entrada, ¿es posible esa función?

    Nos gustaría poder usar el enmascaramiento de entrada en el elemento de número de teléfono porque ofrece el selector de código de país, mientras que una entrada de texto normal no lo hace (aunque sí ofrece enmascaramiento de entrada).

    Gracias,
    Mark

    Responder

    1. Hola Mark:

      No tenemos una función incorporada para establecer la máscara personalizada para el campo Teléfono. Sin embargo, esto se puede lograr utilizando el Campo de Texto de Una Sola Línea y estableciendo la máscara de entrada personalizada como se muestra aquí.

      ¡Espero que esto ayude! 🙂

      Responder

  16. ¿Es posible requerir una entrada decimal en el campo numérico?

    ¿Así que un usuario siempre debe ingresar un número entero + x número de decimales?

    Por ejemplo:

    0.015
    0.792
    0.28
    1.256

    Responder

  19. ¡Hola! ¿Cómo puedo crear una máscara de entrada para una cantidad opcional
    por ejemplo $1,000,000 o $250,000 añadiendo una coma intermedia dependiendo de la cantidad?

    Responder

    1. Hola Mariana, desafortunadamente, no tenemos una opción integrada para formato opcional con máscara de entrada como has descrito. Sin embargo, estoy de acuerdo en que sería muy útil. He tomado nota de la solicitud de función y la tendremos en cuenta mientras planificamos nuestra hoja de ruta para el futuro.

      ¡Gracias y que tengas un buen día!

      Responder

  21. Hola, ¿puedo usar una máscara de entrada para NO permitir espacios?
    por ejemplo, si un usuario escribe "AA 9999", ¿la máscara forzará "AA9999"?
    ¿O un espacio al final/principio como "AA9999[_]" se introducirá como "AA9999" sin el espacio?

    Responder

Añadir un comentario

Nos complace que haya decidido dejar un comentario. Tenga en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Este formulario está protegido por Cloudflare Turnstile y se aplican la Política de Privacidad y los Términos de Servicio de Cloudflare.