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

225
Vistas
Rechazar no dígitos en la entrada vue

¿Alguien sabe cómo implementar un campo de entrada VUE que rechace el ingreso de dígitos que no sean cuando el usuario intenta ingresarlo?

Alguna clase de:

 <b-form-input v-on:keypress="onlyNumber(...."

¡Gracias!

over 4 years ago · Santiago Trujillo
3 Respuestas
Responde la pregunta

0

La forma más fácil sería declarar el tipo de entrada a número. <b-form-input type="number" ...

over 4 years ago · Santiago Trujillo Denunciar

0

Finalmente, para mí, esto hace el trabajo:

 <input v-on:keydown="onlyNumber($event)" ... /> onlyNumber: function(evt) { //0035621 evt = (evt) ? evt : window.event; var charCode = (evt.which) ? evt.which : evt.keyCode; if (charCode > 31 && (charCode != 46 &&(charCode < 48 || charCode > 57))) { evt.preventDefault(); } else { return true; } }
over 4 years ago · Santiago Trujillo Denunciar

0

Puede usar el código de tecla de la tecla presionada en el evento de pulsación de tecla y el comportamiento predeterminado de cada evento si el código de tecla no es para una tecla que no sea un dígito;

Componente de entrada Vue:

 <b-form-input @keydown="onlyNumbers" />

Y el método onlyNumbers sería:

 onlyNumbers(e) { if((e.keyCode < 48 || e.keyCode > 57) && (e.keyCode < 96 || e.keyCode > 105)) { e.preventDefault(); }

Enlaces relacionados: valores de keyCode para teclado numérico , preventDefault , Keydown Event

over 4 years ago · Santiago Trujillo 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