Jquery在输入框中添加百分号答案

【问题标题】：Jquery add percent sign to input boxJquery在输入框中添加百分号
【发布时间】：2013-02-25 09:24:52
【问题描述】：

我希望有一个输入框，在输入数字时自动向用户添加可见的百分号（在提交时不只是将其识别为百分比）。因此，用户点击“2”并看到“2%”

我假设可以使用 Jquery 相当轻松地做到这一点，但我不知道怎么做！有什么想法吗？

谢谢大家。

【问题讨论】：

标签： jquery

【解决方案1】：

你可以处理change事件：

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

【讨论】：

如何在正则表达式中添加逗号和点？

【解决方案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;
    }
});

【讨论】：

这会为多次击键添加多个 % 符号，不是吗？