JQuery добавить знак процента в поле ввода

Question

Я хотел бы иметь окно ввода, которое автоматически добавляет видимый знак процента пользователю при вводе чисел (не просто признает его как процент при отправке). Таким образом, пользователь нажимает «2» и видит «2%»

Я предполагаю, что JQuery может использовать это довольно легко, но я понятия не имею, как это сделать! Есть идеи?

Спасибо всем.

Answer 1

Вы можете обрабатывать change событие:

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

Answer 2

На 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; 
    } 
});