javascript - 仅包含特定数字的 HTML 输入框

Question

我需要一个输入文本框，它只能接受 0 和 1 的字符串，例如 00101110101。

<input type="number"></input>限制输入任何字母，但是，我们可以输入 1,2,3,4 等等。我需要将输入字符串限制为仅包含 0 和 1。

有什么方法可以用 HTML 或 Javascript 辅助吗？

Answer 1

您可以使用正则表达式 (/[^01]/g) 和 replace 来删除除 0 和 之外的任何内容1 来自输入的值。

document.getElementById("inp").oninput = function() {
  var v = this.value;           // get the value from the input
  v = v.replace(/[^01]/g, '');  // replace anything that isn't 0 or 1 by ''
  this.value = v;               // set the value of the input to the new value
}

<input id="inp"/>

如果您希望用户仍然在中间编辑内容，然后使用:

document.getElementById("inp").oninput = function() {
  var pos = this.selectionStart; // save the position of the caret
  
  var v = this.value;
  v = v.replace(/[^01]/g, '');
  this.value = v;
  
  this.selectionStart = pos; // restore it
  this.selectionEnd = pos;   // so no text will be selected
}

<input id="inp"/>

请注意，我不建议使用最后一种方法，因为我不确定有多少浏览器处理selectionStart 和selectionEnd。