防止单词之间出现多个空格

Question

我有一个功能可以防止人们由于数据输入的持续问题而将数字或任何符号而不是字母 onkeypress 放入文本框中。

<td><input type="text" name="name" onkeypress="return isAlfa(event)"></td>

现在一些工作人员出于未知原因在单词之间随机放置了两个空格。所以我需要防止他们在单词之间放置多个空格。我想在同一个函数中执行此操作，但它一直在中断。

function isAlfa(evt) {
  evt = (evt || window.event);
  var charCode = (evt.which || evt.keyCode);

  if ((charCode > 32)
    && (charCode < 65 || charCode > 90)
    && (charCode < 97 || charCode > 122)
  ) {
    return false;
  }
  return true;
}

如何防止他们在单词之间输入多个空格？

Answer 1

此代码将阻止多个空格，即它只允许 1 个空格，并且将阻止两个或多个空格。您可以配置要拒绝的空白数量。

Answer 2

忽略所有其他有用的建议和 cmets，并严格遵循 OP 的要求...

1. 调整返回条件，考虑到当前击键是否将创建空白序列。
2. 因此必须实现一种方法来准确确定这一点。
3. 可能还有一些可能的辅助方法。
4. 代码示例...

function isWhiteSpace(char) {
  return (/\s/).test(char);
}
function willCreateWhitespaceSequence(evt) {
  var willCreateWSS = false;
  if (isWhiteSpace(evt.key)) {
  
    var elmInput = evt.currentTarget;
    var content = elmInput.value;

    var posStart = elmInput.selectionStart;
    var posEnd = elmInput.selectionEnd;

    willCreateWSS = (
         isWhiteSpace(content[posStart - 1] || '')
      || isWhiteSpace(content[posEnd] || '')
    );
  }
  return willCreateWSS;
}

function isAlfa(evt) {

  evt = (evt || window.event);
  var charCode = (evt.which || evt.keyCode);

  return ((
       (charCode > 32)
    && (charCode < 65 || charCode > 90)
    && (charCode < 97 || charCode > 122)

  ) || willCreateWhitespaceSequence(evt)) ? false : true;
}

<input type="text" name="name" onkeypress="return isAlfa(event)"/>

Answer 3

可能会尝试使用这样的东西。在您的 keypress 事件中尝试使用 string substr 方法检查最后一个值，如果这给了您一个空格并且当前代码也是一个空格，那么阻止或执行您想要对输入执行的任何操作。

function checkstuff(event){
  if (event.target.value.substr(-1) === ' ' && event.code === 'Space') {
    console.log('space pressed in sequence');
  }
}

<input type='text' onkeypress="checkstuff(event)">

Answer 4

与其监听和评估每个按键，不如对任何和所有输入做出反应，然后清理通过 RegExp 输入的任何内容。

例子：

<input type=text id=myfield />

JS：

document.querySelector('#myfield').addEventListener('input', evt => {
    evt.target.value = evt.target.value.replace(/[^a-z\s]/ig, '').replace(/\s{2,}/g, ' ');
});

首先将所有非字母和空格替换为空，然后将 2 个或更多空格的序列替换为单个空格。