Add '%' and format value in text field

Question

I have a field in shape text:

<input type="text" name="base_calculo" id="base_calculo">

I would like you to add the % symbol at the end of this field and format the field like this: 0.0%

Thank you!

Answer 1

The function does not lock only number in that field

$('#base_calculo').on('blur', function(){
    var valor = $(this).val();
    valor = valor.replace(',','.');

    if(!$.isNumeric(valor)) return;

    valor += '%';

    $(this).val(valor);

});