oninput只能输入字母和数字的方法

可以在 `oninput` 事件中使用正则表达式来限制用户输入的内容，具体来说，可以在 `oninput` 事件绑定的函数中使用以下代码：

function inputHandler(event) {
  const inputValue = event.target.value;
  event.target.value = inputValue.replace(/[^a-zA-Z0-9]/g, '');
}

在上面的代码中，我们使用了 `replace()` 方法和正则表达式 `/[^a-zA-Z0-9]/g`，将输入框中所有非字母和数字的字符替换为空字符串。这样，用户输入时会自动过滤非字母和数字的字符。

在 HTML 中，可以这样绑定 `oninput` 事件：

<input type="text" oninput="inputHandler(event)">

需要注意，在使用这种方法时，需要在后端对用户输入进行更严格的校验，以确保输入的数据符合要求。

相关问题

js限制input只能输入数字字母

可以使用正则表达式来限制输入只能是数字和字母。可以在输入框的oninput事件中添加如下代码：

function onlyNumberAndLetter(e){
  e.target.value = e.target.value.replace(/[^0-9a-zA-Z]/g,'');
}

然后在HTML中添加一个输入框，并将oninput事件绑定到onlyNumberAndLetter函数：

<input type="text" oninput="onlyNumberAndLetter(event)">

这样就可以限制输入框只能输入数字和字母了。

vue中input限制输入只能是数字和大小写字母

在 Vue 中，你可以使用一些特定的指令来限制输入只能是数字和大小写字母。下面是一个示例，演示如何使用 Vue 的指令来实现这一目的：

<template>
  <div>
    <label for="input">请输入只包含数字和大小写字母的字符串：</label>
    <input type="text" id="input" v-model="inputStr" v-on:input="validateInput" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputStr: '',
    };
  },
  methods: {
    validateInput() {
      // 使用正则表达式验证输入是否符合要求
      const pattern = /^[a-zA-Z0-9]+$/;
      if (!pattern.test(this.inputStr)) {
        // 不符合要求，清除非数字和字母的字符
        this.inputStr = this.inputStr.replace(/[^a-zA-Z0-9]/g, '');
      }
    },
  },
};
</script>

在这个示例中，我们使用了`v-model`指令将输入框的值绑定到`inputStr`变量上。然后，我们使用`v-on:input`指令来监听输入框的输入事件。在`validateInput`方法中，我们使用正则表达式来验证输入是否符合要求。如果输入不符合要求，我们使用`replace()`方法清除非数字和字母的字符。这样，用户就只能输入数字和大小写字母了。