防止单词之间超过一个空格

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

忽略所有其他有用的建议和评论，并严格遵循 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 2

此代码将防止出现多个空格，也就是说，它只允许 1 个空格，并且将防止出现两个或更多空格。 您可以配置要拒绝的空白空间量。

Answer 3

与其监听和评估每个按键，不如对任何和所有输入做出反应，然后清理通过 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 个或更多空格的序列。

Answer 4

可能会尝试使用这样的东西。 在您的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)">