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

On 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;
    }
});