1

Olá,

estou precisando colocar uma máscara da seguinte forma:

Tenho um campo:

<input type="text" required maxlength="4" name="minimumGrade" id="minimumGrade" ng-model="capacity.minimumGrade">

E preciso que nesse campo ele receba somente três dígitos (números) e que ao digitar ele fique com uma máscara dessa forma:

#.##

Deverá ficar em forma de "nota", exemplo: 9.00, 7.50 e assim vai...

2 Respostas 2

0
<input type="number" pattern="(\d{3})([\.])(\d{2})">

deve resolver teu problema, porem não é bem uma mascara será necessário colocar os pontos e virgulas.

mascara apenas com js

jQuery-Mask

3
0

Como o @MarcoViniciusSoaresDalalba citou, com o attribute pattern o usuário ainda deverá colocar o . ou a ,.

Para realmente colocar uma máscara, utilize a biblioteca JQuery Mask Plugin do Igor Escobar. Com ela, você pode utilizar a anotações para facilitar seu código e que funciona muito bem.

Seu código ficará assim:

<input type="text" required maxlength="4" name="minimumGrade"  id="minimumGrade" ng-model="capacity.minimumGrade" data-mask="9.99">

E o resultado desse input será como esperado: 7.89, 9.45, 2.47.

1
  • Olá, fiz conforme passou acima importei as bibliotecas, mas não funciona... Tem como me mandar um exemplo? 17/11/2016 às 12:41

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .