在js中input 怎么实现输入框只能输入2个中文以及1个英文字符?

可以通过监听输入事件，在输入框中输入内容时进行限制。具体实现如下：

<input type="text" id="input" maxlength="3">

var inputEl = document.getElementById('input');

inputEl.addEventListener('input', function() {
  var value = inputEl.value;
  var len = value.length;
  var cnLen = value.replace(/[^\u4e00-\u9fa5]/g, '').length; // 中文字符个数
  var enLen = len - cnLen; // 英文字符个数
  
  if (cnLen > 2 || enLen > 1) {
    inputEl.value = value.slice(0, len - 1); // 截取前面的字符串作为新的值
  }
});

其中，`inputEl`是输入框的DOM元素，通过`addEventListener`方法监听`input`事件。在事件处理函数中，获取输入框的值`value`，计算中文字符个数`cnLen`和英文字符个数`enLen`，如果超出限制，则截取前面的字符串作为新的值。最后，将新的值重新赋值给输入框即可。注意，`maxlength`属性的值应该为3，因为中文字符占用两个字符位置。

相关问题

js监听一个input输入框，限制只能输入一个以0开头，最多保留2位的小数

你可以使用JavaScript来监听输入框，并对输入进行限制。以下是一个示例代码，可以实现对输入框只能输入一个以0开头，最多保留两位小数的限制：

const input = document.querySelector('#inputId'); // 替换成你的输入框的id或其他选择器

input.addEventListener('input', function(e) {
  const value = e.target.value;
  const regex = /^0(\.\d{0,2})?$/;
  
  if (!regex.test(value)) {
    e.target.value = '';
  }
});

在上面的代码中，我们使用了`addEventListener`方法来监听输入框的`input`事件。在事件处理函数中，我们获取输入框的值，并使用正则表达式`/^0(\.\d{0,2})?$/`进行匹配。如果输入的值不符合要求，则将输入框的值设为空字符串，即清空输入。

你需要将代码中的`#inputId`替换为你实际使用的输入框的id或其他选择器，这样才能正确选中你想要限制的输入框。

JS 实现：输入框最多只能只能输入50个字符（汉字25个，英文50个），超出之后不能再输入，并给提示

可以使用 JavaScript 来实现输入框的字符数限制和提示，具体实现如下：

<input type="text" id="input" oninput="limitInput(this)" maxlength="50" />

<script>
  function limitInput(input) {
    // 获取输入框的值
    let value = input.value;
    // 计算输入框中字符的数量
    let len = 0;
    for (let i = 0; i < value.length; i++) {
      let charCode = value.charCodeAt(i);
      if (charCode >= 0 && charCode <= 128) {
        len += 1; // 英文字符
      } else {
        len += 2; // 中文字符
      }
    }
    // 如果字符数量超过限制，截取输入框的值
    if (len > 50) {
      let maxLen = 25; // 汉字25个，英文50个
      let truncatedValue = '';
      for (let i = 0; i < value.length; i++) {
        let charCode = value.charCodeAt(i);
        if (charCode >= 0 && charCode <= 128) {
          if (maxLen > 0) {
            truncatedValue += value[i];
            maxLen--;
          }
        } else {
          if (maxLen > 1) {
            truncatedValue += value[i];
            maxLen -= 2;
          }
        }
      }
      input.value = truncatedValue;
      alert('输入的字符数超过限制！');
    }
  }
</script>

代码中使用了 oninput 事件监听输入框的输入，当输入框的值发生变化时，就会调用 limitInput 函数进行字符数限制。在 limitInput 函数中，首先获取输入框的值，然后通过循环计算字符串中字符的数量，根据汉字和英文的数量限制来截取字符串，并给出提示信息。最后，将截取后的字符串赋值给输入框的值，实现了输入框的字符数限制和提示。