Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

299
Vistas
¿Cómo agregar el formato xxxxx en la máscara de entrada con el patrón de entrada html?

La máscara de entrada es por defecto '_ _ _ _ _' este formato con patrón html. Mi requisito está en la entrada del código postal, quiero cambiar el patrón anterior a 'xxxxx' en este formato.

aquí está mi código

 <input type="text" id="zipcode" pattern="[0-9]{5}" minlength="5" maxlength="5" required />

codigo js

 $('#zipcode').inputmask('99999'); // if I give number format in input mask, it is working good with '_ _ _' this format. But I want to show 'x' format. $('#zipcode').inputmask('xxxxx');

¿Hay alguna forma de cambiar el formato de _ a x? ingrese la descripción de la imagen aquí

about 4 years ago · Juan Pablo Isaza
2 Respuestas
Responde la pregunta

0

Puede pasar opciones para anular el guión bajo predeterminado: https://github.com/RobinHerbots/Inputmask#placeholder-1

$('#zipcode').inputmask('99999',{ "placeholder": "x" })

about 4 years ago · Juan Pablo Isaza Denunciar

0

Podría intentar cambiar pattern="[0-9]{5}" a pattern="x{5}"

Supongo que la biblioteca que está utilizando ( inputmask de entrada) está configurando la máscara predeterminada de _____ . La opción pattern="[0-9]{5}" permite una serie de 5 dígitos, por lo que si "da formato de número en la máscara de entrada, funciona bien".

Un sitio como rubular podría ser un divertido patio de recreo para ver lo que está pasando.

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda