Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Fala rapaziada, tudo joia?
Gostaria saber de acordo com a experiência de vocês, como faço pra fazer uma "mask" do tipo preço semelhante ao do pagseguro por exemplo?
Conforme vamos colocando o preço a input vai formatando o preço em tempo real dentro da input, exemplo:
49.99
499.99
1499.99
Desde já agradeço a orientação pessoal, abração e fiquem com Deus.
Bruno..eu uso essa aqui...
document.querySelector('input').addEventListener('keyup',function(){
v = this.value;
v = v.replace(/\D/g,"") // permite digitar apenas numero
v = v.replace(/(\d{1})(\d{23})$/,"$1.$2")
v = v.replace(/(\d{1})(\d{20})$/,"$1.$2")
v = v.replace(/(\d{1})(\d{17})$/,"$1.$2")
v = v.replace(/(\d{1})(\d{14})$/,"$1.$2") // coloca ponto antes dos ultimos digitos
v = v.replace(/(\d{1})(\d{11})$/,"$1.$2") // coloca ponto antes dos ultimos 11 digitos
v = v.replace(/(\d{1})(\d{8})$/,"$1.$2") // coloca ponto antes dos ultimos 8 digitos
v = v.replace(/(\d{1})(\d{5})$/,"$1.$2") // coloca ponto antes dos ultimos 5 digitos
v = v.replace(/(\d{1})(\d{1,2})$/,"$1,$2") // coloca virgula antes dos ultimos 2 digitos
this.value = "R$ " + v;
});
Se você não quiser colocar o R$ é só tirar antes de retornar o resultado.
T+@wootzor obrigadão pela indicação, vou conferir esses plugins agora.
@Rafael da Silveira show de bola o exemplo que você utiliza, vou fazer uns testes aqui, preciso me aprofundar no javascript pra entender cada detalhe.
Valeu mesmo rapaziada.
Experimenta o plugin Masked Input, disponível no cdnjs.