[RESOLVIDO]Dúvida - como incluir uma máscara

Front-end
, ,
#1

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

Você pode usar o maskedinput

http://digitalbush.com/projects/masked-input-plugin/

#3

Tem duas que eu conheço:


Como instalar e utilizar, está nos detalhes dos projetos no GitHub.

#4

Não conseguir usar… :frowning:

#5

Não sei como utilizar para fazer para as notas… pq os exemplos de cpf, cep e etc é tranquilo, agora essa da nota, não estou com noção…

#6

tenta assim

imput

`

Nota: <input type="text" name="nota" id="nota">`

Codigo do jQuery

`

<script type="text/javascript" src="./js/jquery-3.1.1.js"></script>

<script src="./js/jquery.maskedinput.min.js" type="text/javascript"></script>

<script type="text/javascript">
	jQuery(function($){

	   $("#nota").mask("?9.99");
	   
	});
</script>`
#7

Cara funcionou normalmente aqui, você leu a documentação? Viu os exemplos ?

<input type="text" ng-model="notaEscolar" ui-mask="9.99"  ui-mask-placeholder ui-mask-placeholder-char="#"/>
#8

Deu certo! Obrigado!

1 curtida