1

Galera queria saber como criar uma máscara no jQuery Mask Plugin para que o input aceite apenas números e virgula.

Para aceitar apenas número estou fazendo assim:

$('#valor').mask('#', {
    reverse: true
});

3 Respostas 3

6

vejo que deseja uma mascara para dinheiro, neste caso, mascaras baseadas em expressões regulares não são a melhor opção, entre utilize uma mascara especilizada.

JQuery Mask Money

$(function() {
  $('#dinheiroComZero').maskMoney({ decimal: ',', thousands: '.', precision: 2 });
  $('#dinheiroSemZero').maskMoney({ decimal: ',', thousands: '.', precision: 0 });
  $('#dinheiroVirgula').maskMoney({ decimal: '.', thousands: ',', precision: 2 });
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-maskmoney/3.0.2/jquery.maskMoney.min.js"></script>

<div>
  <label>
    Com Centavos: 
    <input type="text" id="dinheiroComZero" />
  </label>
</div>
<div>
  <label>
    Sem Centavos:
    <input type="text" id="dinheiroSemZero" />
  </label>
</div>
<div>
  <label>
    Virgula como seperador: 
    <input type="text" id="dinheiroVirgula" />
  </label>
</div>

Vanilla Masker

var dinheiro = document.getElementById("dinheiro");
VMasker(dinheiro).maskMoney({
  precision: 2,
  separator: ',',
  delimiter: '.',
  unit: 'R$',  
  zeroCents: true
});
<script src="https://rawgit.com/BankFacil/vanilla-masker/master/lib/vanilla-masker.js"></script>

<input type="text" id="dinheiro" />

No caso do Vanilla Masker, prefiro usar uma versão modificada, que faz uso do evento input ao invés do keyup.

2
  • 1
    não quero usar uma mascara para dinheiro, afinal so quero um input onde eu posso adicionar apenas números e virgulas. E acho que com o jQuery Mask Plugin da para fazer isso, afinal já utilizo ele no meu sistema. 29/02/2016 às 12:35
  • @HugoBorges, você está tentando caçar como um gato, apesar de ter um cão ao seu dispor. 29/02/2016 às 14:51
1

Para aceitar números com virgula utilize

 $('.money2').mask("#.##0,00", {reverse: true});
8
  • não deu certo. preciso adicionar números assim 1,22,333,222,1,333,444,32 29/02/2016 às 12:06
  • para numeros inteiros eu fiz isso $('#valor').mask('###0', { reverse: true }); 29/02/2016 às 12:12
  • mais a virgula não funciona. Preciso adicionar números e virgula 29/02/2016 às 12:33
  • Mas você precisa de um numero com mais de uma virgula? Tem uma quantidade especifica de casas decimais que você precisa? 29/02/2016 às 12:41
  • então não tem uma quantidade específica, e tenho que por várias virgulas. Vc sabe como resolver isso? 29/02/2016 às 12:48
1

Segue uma função rapida em js puro para criar esta mascara:

function calcularCustoEntrada(){

    inputPeso = document.getElementById('meuInput').value;
    inputPesoCorrigido = '';
    teclasValidas = '0123456789,';

    for(i=0; i<inputPeso.length; i++){
        for(j=0; j<teclasValidas.length; j++){
            if(inputPeso[i] == teclasValidas[j]){
                inputPesoCorrigido += inputPeso[i];
            }
        }   
    }   

    document.getElementById('meuInput').value = inputPesoCorrigido;
}
<input type="text" id="meuInput" onkeyup="calcularCustoEntrada()">

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 .