输入框，限输入英文与数字，英文自动切换为大写 js

可以使用 JavaScript 的 onkeyup 事件和 String 的 toUpperCase() 方法来实现这个功能。以下是一个简单的示例代码：

HTML:

<input type="text" id="inputBox" onkeyup="convertToUpperCase()">

JavaScript:

function convertToUpperCase() {
  var inputBox = document.getElementById("inputBox");
  inputBox.value = inputBox.value.toUpperCase().replace(/[^A-Z0-9]/g, "");
}

这个代码会将输入框中的所有字符转换为大写，并且过滤掉所有非英文字母和数字的字符。

相关问题

如何限制input输入框只能输入英文或者数字

可以使用正则表达式来限制输入框只能输入英文或数字。具体的实现方法如下：

1. 在input标签中设置onkeypress事件，当用户在输入框中按下键时触发。

2. 在事件处理函数中使用正则表达式来判断输入是否符合要求。

3. 如果输入不符合要求，则阻止默认事件的发生，即不允许输入。

下面是一个示例代码：

<input type="text" onkeypress="return /[a-zA-Z0-9]/.test(event.key)">

这个代码会限制输入框只能输入英文字母和数字，其他字符都不允许输入。其中，正则表达式`/[a-zA-Z0-9]/`表示匹配任意一个英文字母或数字。在事件处理函数中，`event.key`表示用户按下的键的字符，通过测试这个字符是否符合正则表达式来决定是否允许输入。如果符合正则表达式，则返回true，继续输入；否则返回false，阻止输入。

antd input 如何限制input输入框只能输入英文或数字

可以通过设置 `onKeyPress` 事件来限制输入框只能输入英文或数字。在 `onKeyPress` 事件中，我们可以通过 `event.key` 获取用户输入的字符，然后判断该字符是否为英文或数字，如果不是则阻止默认事件。

以下是一个示例代码：

import { Input } from 'antd';

function handleKeyPress(event) {
  const charCode = event.which || event.keyCode;
  // 0-9 的 ASCII 码为 48-57，a-z 的 ASCII 码为 97-122，A-Z 的 ASCII 码为 65-90
  if ((charCode < 48 || charCode > 57) && (charCode < 65 || charCode > 90) && (charCode < 97 || charCode > 122)) {
    event.preventDefault();
  }
}

<Input onKeyPress={handleKeyPress} />

在 `handleKeyPress` 函数中，我们首先通过 `event.which` 或 `event.keyCode` 获取用户按下的键的 ASCII 码，然后判断该字符是否为英文或数字。如果字符不是英文或数字，则调用 `event.preventDefault()` 阻止默认事件（即阻止该字符出现在输入框中）。

这样就可以限制 `antd` 的输入框只能输入英文或数字了。