百分号表单输入

Question

需要帮助，当用户类型编号

时，“％”符号会自动显示在我的输入字段中

<input type="text" name="ownership" id="ownership" placeholder="2.00%">

喜欢这里：  如果用户输入一些数字，它将始终在视图中添加“％”符号。可能应该使用一些js，但我还不熟悉。

我试过这种方式，但它适用于每个输入

 <script type="text/javascript">
   $('input').change(function() {
        $(this).val(function(index, old) { return old.replace() + '%'; });
    });
</script>

Answer 1

查看代码会有所帮助，但您可以测试用户是否使用正则表达式键入了数字。

input.addEventListener('keyup', () => {
  if (inputvalue.search(/\d/) > -1) { /* add % */ }
});

Answer 2

如果你使用Boostrap，这应该可行：

<div class="input-group mb-3">
  <input type="text" class="form-control" aria-label="">
  <div class="input-group-append">
    <span class="input-group-text">%</span>
  </div>
</div>

https://jsfiddle.net/uv9s6q02/