禁止输入空格和汉字,以及纯符号

1.禁止输入空格和汉字,以及纯符号 2、可以输入纯数字、纯字母、字母+数字的组合、字母+符号的组合、符号+数字的组合、符号+字母+数字的组合
<el-form-item
:prop="`tableData.{index}.strbatchcode`"
:rules="!!row.blnbatch ? rules.strbatchcode :rules.strbatchcode2"
>
<el-input v-model.trim="row.strbatchcode" clearable @clear="clearValue" />
</el-form-item>

复制代码
const checkbatchcode = (rule, value, callback) => {
      if (!value) {
        return callback(new Error('批次不能为空'))
      }
      if (!/^[^\u4e00-\u9fa5]{1,10}$/g.test(value)) {
        return callback(new Error('不能输入文字'))
      }
      const reg = /[0-9a-zA-Z]/g
      if (!reg.test(value)) {
        return callback(new Error('不能是纯符号'))
      }
      callback()
    }

rules: {
strbatchcode: [
{ required: true, validator: checkbatchcode, trigger: 'blur' }
]
}

相关推荐
invicinble4 小时前
前端框架使用vue-cli( 第四层:业务源码层--登陆页相关)
前端·vue.js·前端框架
Rooting++4 小时前
vue2强制刷新路由的办法
前端·javascript·vue.js
nunumaymax4 小时前
【第四章-react ajax】
前端·react.js
前端若水4 小时前
层叠层(@layer):彻底解决优先级战争,告别 !important
前端·css·css3
invicinble4 小时前
前端框架使用vue-cli( 第二层:工程配置层--vue语法系列)
前端·vue.js·前端框架
爱滑雪的码农4 小时前
React+three.js之场景(Scene),相机(Camera)
前端·javascript·react.js
_waylau4 小时前
“Java+AI全栈工程师”问答01:Spring MVC登录页面错误提示
java·开发语言·vue.js·后端·spring·mvc·springcloud
UXbot4 小时前
AI应用原型平台核心能力:界面自动生成、交互流程编辑、多格式代码导出详解
前端·低代码·交互·软件构建·原型模式·web app
兄弟加油,别颓废了。4 小时前
[特殊字符] SDN 可视化管理平台完整搭建教程(Vue + Flask + MySQL)
vue.js·mysql·flask
call me by ur name5 小时前
多模态大模型轻量化
前端·网络·人工智能