el-input使用正则限制输入计算符号

<el-table-column prop="label" label="变量名" minWidth="100">
        <template slot-scope="scope">
          <el-input size="mini" v-model="scope.row.label" placeholder="请输入" @input="(e) => (scope.row.label = noSpecialCode(e))"></el-input>
        </template>
      </el-table-column>

只能输入计算字符

noSpecialCode(e) {
     
      let value = value.replace(/[^()+\-*\/]/g, "");
      return value;
    },

禁止输入计算字符

noSpecialCode(e) {
      const forbiddenCharsRegex = /[\(\)\+\-\*\/]/g;
      return e.replace(forbiddenCharsRegex, "");
    },

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果您使用的是 Element UI 中的 `el-input` 组件,并且需要对用户输入进行则表达式的校验,可以使用 `el-input` 的 `validateEvent` 和 `regExp` 属性来实现。以下是一个示例代码: ```html <template> <el-input v-model="password" placeholder="请输入密码" :validate-event="false" :pattern="pattern" :title="title" /> </template> <script> export default { data() { return { password: '', pattern: "^(?=.*[A-Za-z])(?=.*\\d)(?=.*[@$!%*#?&])[A-Za-z\\d@$!%*#?&]{8,}$", title: "密码必须包含至少一个字母、一个数字、一个特殊符号,且长度不能少于8位" } } } </script> ``` 在上面的代码中,我们通过 `v-model` 指令将输入框中的值绑定到 `password` 变量上,并且将 `validate-event` 属性设置为 `false`,表示输入框不会自动触发校验事件。然后,我们将则表达式字符串赋值给 `pattern` 变量,将校验提示信息赋值给 `title` 变量。 最后,在 `el-input` 组件上,我们将 `pattern` 和 `title` 属性分别绑定到则表达式和提示信息上,这样用户在输入密码时就会自动触发则表达式的校验,并且在输入框下方会显示校验提示信息。 需要注意的是,如果使用 `el-input` 组件内置的校验功能,需要将 `validate-event` 属性设置为 `blur` 或 `change`,表示校验会在输入框失去焦点或内容改变时自动触发。如果将 `validate-event` 属性设置为 `false`,则需要手动触发校验,可以使用 `this.$refs.input.validate()` 方法来实现。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值