0

Boa tarde pessoal, preciso de uma ajuda de vocês.

Eu preciso de uma mascara para um campo numero em meu sistema, onde o usuário pode digitar de 0,0 até 130,00 caso o valor seja maior que 130 só ira aceitar 999,99.

Alguém poderia me ajudar?

2
  • Pergunta: você pode utilizar jQuery no seu projeto? Pois aí poderia ser aplicado jQuery.mask que é uma funcionalidade do jQuery bastante útil pro teu problema. Caso não possa verei uma solução nativa. Commented 18/12/2017 às 19:54
  • Você quer que valide ou que limite para 3 digitos antes da virgula?
    – Syzoth
    Commented 18/12/2017 às 20:06

1 Resposta 1

2

Basta aplicar maxlength contando todos os caracteres em 999,99, que no caso seria 6, basicamente daria para aplicar o maxlength para quase qualquer mascara que você encontrar.

Claro que alguns plugins jQuery e afins já tem configuração pra isto, mas são exceções.

Exemplos de mascaras monetárias/dinheiro que existem no site:

Com jQuery:

$("#meuDinheiro").maskMoney();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://plentz.github.io/jquery-maskmoney/javascripts/jquery.maskMoney.min.js"></script>

<input type="text" id="meuDinheiro" data-thousands="." data-decimal="," data-prefix="" maxlength="6" />

Agora se deseja que vire 999,99 pode limitar para 7 e aplicar keyup

$("#meuDinheiro").maskMoney().on("keyup", function () {
   if (this.value.length > 6) {
       this.value = "999,99";
   }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://plentz.github.io/jquery-maskmoney/javascripts/jquery.maskMoney.min.js"></script>

<input type="text" id="meuDinheiro" data-thousands="." data-decimal="," data-prefix="" maxlength="7" />


Sem jQuery (JavaScript e Regex)

Da resposta: https://pt.stackoverflow.com/a/241646/3635

function formatarMoeda() {
  var elemento = document.getElementById('valor');
  var valor = elemento.value;
  
  valor = valor + '';
  valor = parseInt(valor.replace(/[\D]+/g,''));

  if (!isNaN(valor)) {
    valor = valor + '';
    valor = valor.replace(/([0-9]{2})$/g, ",$1");

    if (valor.length > 6) {
        valor = valor.replace(/([0-9]{3}),([0-9]{2}$)/g, ".$1,$2");
    }
  } else {
     valor = '';
  }

  elemento.value = valor;
}
<input type="text" id="valor" onkeyup="formatarMoeda();" maxlength="6" />

Agora se deseja que vire 999,99 pode limitar para 7 e aplicar keyup

function formatarMoeda() {
  var elemento = document.getElementById('valor');
  var valor = elemento.value;
  
  valor = valor + '';
  valor = parseInt(valor.replace(/[\D]+/g,''));

  if (!isNaN(valor)) {
    valor = valor + '';
    valor = valor.replace(/([0-9]{2})$/g, ",$1");

    if (valor.length > 6) {
        valor = '999,99'; //Mudei esta linha
    }
  } else {
     valor = '';
  }

  elemento.value = valor;
}
<input type="text" id="valor" onkeyup="formatarMoeda();" maxlength="7" />

7
  • Pelo que entendi, na verdade, pode qualquer valor entre 0.00 e 130.00 e caso ultrapasse 130.00 todos os valores serão invalidos até que chegue ao valor 999.99 Commented 18/12/2017 às 20:03
  • @PauloRoberto agora fiquei na duvida também.
    – Syzoth
    Commented 18/12/2017 às 20:04
  • Tbm compreendi conforme o @Paulo disse. Commented 18/12/2017 às 20:10
  • @PauloRoberto é isso mesmo, se o valor passar de 130,00 o campo tem que ficar 999,99 Commented 19/12/2017 às 11:28
  • @LeonardoMacedo não acho muito pratico pro usuário ficar modificando o valor, mas editei a resposta e adicionei dois exemplos
    – Syzoth
    Commented 19/12/2017 às 11:38

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 .