vue表单验证code值只能输入大写字母和_拼接的值

在Vue中，可以使用自定义指令来实现表单验证。下面是一个实现只能输入大写字母和下划线的自定义指令：

Vue.directive('uppercase', {
  update: function (el) {
    el.addEventListener('input', function () {
      let reg = /^[A-Z_]+$/;
      let value = el.value.toUpperCase().replace(/[^A-Z_]/g, '');
      if (reg.test(value)) {
        el.value = value;
        el.dispatchEvent(new Event('input'));
      } else {
        el.value = el.value.slice(0, -1);
      }
    });
  }
});

然后在模板中使用v-uppercase指令即可：

<input v-uppercase type="text" v-model="code">

这样就可以实现只能输入大写字母和下划线的表单验证了。

相关问题

vue前端表单验证只能输入文件名称正则

可以使用正则表达式来限制只能输入文件名称。可以使用以下正则表达式：

/^[^\\/:*?"<>|]+$/i

这个正则表达式的含义是限制输入的字符串不能包含下列任何字符：反斜线（\）、冒号（:）、斜线（/）、星号（*）、问号（?）、双引号（"）、小于号（<）、大于号（>）、竖线（|）。

你可以使用这个正则表达式来验证输入的字符串。如果输入的字符串不符合这个正则表达式，就提示用户只能输入文件名称。

vue el-input 只能输入数字和字母的组合

在Vue中，可以通过监听input事件来实现只能输入数字和字母的组合。以下是一种实现方式：
在el-input标签中添加onkeyup事件，通过正则表达式匹配只能输入数字和字母的组合，然后触发input事件。具体代码如下所示：
<el-input v-model="value" onkeyup="this.value=this.value.replace(/[^0-9a-zA-Z]/g,'');this.$emit('input', this.value);"></el-input>
其中，/[^0-9a-zA-Z]/g表示只能输入数字和字母的组合，this.$emit('input', this.value)表示触发input事件并将输入的值传递给v-model绑定的变量。