Mask value in input

Question

I would like to do the following, the user type 1, in the input would have the value ,01, then he types 2, would appear ,12, then he type 3, it would appear 1,23, so on. I have the input as follows:

 <input type="text" class="form-control"  id ="produto_preco_unitario" name="produto_preco_unitario"
                         value="" placeholder="Preço por Unidade" required/>

Answer 1

var mask = {
 money: function() {
    var el = this
    ,exec = function(v) {
    v = v.replace(/\D/g,"");
    v = new String(Number(v));
    var len = v.length;
    if (1== len)
    v = v.replace(/(\d)/,"0.0$1");
    else if (2 == len)
    v = v.replace(/(\d)/,"0.$1");
    else if (len > 2) {
    v = v.replace(/(\d{2})$/,'.$1');
    }
    return v;
    };

    setTimeout(function(){
    el.value = exec(el.value);
    },1);
 }

}

$(function(){
 $('input').bind('keypress',mask.money)
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-maskmoney/3.0.2/jquery.maskMoney.min.js"></script>
 <input type="text" class="form-control"  id ="produto_preco_unitario" name="produto_preco_unitario"
                     value="" placeholder="Preço por Unidade" required/>

You can also use with mile separator

$(function () { //ready
    $("#produto_preco_unitario").maskMoney();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-maskmoney/3.0.2/jquery.maskMoney.min.js"></script>
    
<input type="text" id="produto_preco_unitario" value="" />

The file picks up on github jquery.maskMoney.js

If you want to change the currency to Portuguese format (decimal comma and thousand point separator) do so:

$(function () { //ready
    $("#produto_preco_unitario").maskMoney({thousands: ".", decimal: ","});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-maskmoney/3.0.2/jquery.maskMoney.min.js"></script>
    
<input type="text" id="produto_preco_unitario" value="" />