How do I make a mask that adapts to priced inputs?

Question

I was using Jquery but how do I adapt to put 2 numbers insert a ',' this way but would be necessary to put 4 values, and I do not know the exact price that would be

$('[formato=price]').mask('9999,99');

Answer 1

Maybe it’s not the expected solution anymore it’s the best to be done.

In your case I would recommend using the plugin Jquery Maskmoney, This little plug already comes in the way to format fields for money according to your needs, plus some pretty cool options. You can access the latest version of this minified plugin by clicking here

Or use via Cdn including in your code: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-maskmoney/3.0.2/jquery.maskMoney.min.js"></script>

Final solution was like this:

HTML

<form action="">
  <input type="text" class="ValoresItens" id="ValoresItens">
</form>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-maskmoney/3.0.2/jquery.maskMoney.min.js"></script>

JS

$(".ValoresItens").maskMoney({
             prefix: "R$:",
             decimal: ",",
             thousands: "."
         });
     

Final result can be seen in :