Jquery agregar signo de porcentaje al cuadro de entrada

Question

Me gustaría tener un cuadro de entrada que agregue automáticamente un signo de porcentaje visible al usuario al ingresar números (no solo lo reconoce como un porcentaje al enviarlo). Por lo tanto, un usuario golpea "2" y ve "2%"

Supongo que se puede usar Jquery para hacer esto con bastante facilidad, ¡pero no tengo idea de cómo! ¿Algunas ideas?

Gracias a todos.

Answer 1

usted puede manejar el caso change:

$(':input.Percent').change(function() { 
    $(this).val(function(index, old) { return old.replace(/[^0-9]/g, '') + '%'; }); 
}); 

Answer 2

En caso keyUp

$('input').keyup(function(e) { 
    if(e.which != 13) { //13 is enter, you dont want to submit the form on enter 
     var value = $.trim($(this).val()); 
     if(value != '') { 
     $(this).val(value +'%'); 
     } 
    } else { 
     return false; 
    } 
});