如何修剪输入字段中的空间？ [复制]

Question

我正在使用输入字段，当有人在其中输入时，他们可以添加空格作为一般行为。我不希望任何人在字段中添加空格，即使有人添加了空格，它也应该在那里修剪。

有人可以帮忙解决这个问题吗？

<input type="text">

Answer 1

您可以使用trim() 函数。这是破坏空间。

const inp = document.querySelector("#inp");

inp.addEventListener("keyup",function(){
  inp.value = inp.value.trim();
})

<input type="text" id="inp">

或者最好的方法：如果他按空格，不要让他写。

const inp = document.querySelector("#inp");

inp.addEventListener("keydown",function(e){
  if(e.keyCode == 32){
    e.preventDefault();
  }
})

<input type="text" id="inp"/>

Answer 2

使用模式属性来指定一个强制执行无空格规则的正则表达式。示例见下文

https://www.w3schools.com/tags/att_input_pattern.asp