Jquery将百分号添加到输入框

我想要一个输入框，在输入数字时自动为用户添加一个可见的百分号（不只是在提交时将其识别为百分比）。 因此，用户点击“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; } });