Mascara Javascript

Question

Good afternoon guys, I need a little help from you.

I need a mask for a number field on my system, where the user can type from 0.0 to 130.00 if the value is greater than 130 will only accept 999.99.

Could someone help me?

Answer 1

Just apply maxlength counting all characters in 999,99, which in case would be 6, basically would give to apply the maxlength for almost any mask you find.

Of course some jQuery plugins and the like already have configuration for this, but are exceptions.

Examples of money/money masks on the site:

With jQuery:

• Answer: /a/164995/3635

$("#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" />

Now if you wish me to turn 999,99 can limit to 7 and apply 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" />

---

No jQuery (Javascript and Regex)

Of response: /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" />

Now if you wish me to turn 999,99 can limit to 7 and apply 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" />