正则表达式验证不能输入汉字 element form

最新推荐文章于 2024-07-23 17:04:39 发布

oKven_

最新推荐文章于 2024-07-23 17:04:39 发布

阅读量5.4k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/qq_40413396/article/details/104358671

版权

vue 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

这个比较简单，不啰嗦直接上代码~
**

/[\u4E00-\u9FA5]/g

<el-form-item label="element表单" prop="form" :rules="[
               { required: true, message: '不能为空'},
               { validator: checkData, trigger: 'blur'}
             ]">
   <el-input v-model="form." placeholder="请输入"></el-input>
 </el-form-item>
 // 正则部分
checkData (rule, value, callback) {
  if (value) {
    if (/[\u4E00-\u9FA5]/g.test(value)) {
      callback(new Error('编码不能输入汉字!'));
    } else {
      callback();
    }
  }
  callback();
}