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

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' }
]
}

相关推荐
棒棒的唐12 小时前
适合小程序使用的将对象数组转换为参数字符串方法
前端·javascript·小程序
刘一说12 小时前
Vue3响应式原理重构:从Object.defineProperty到Proxy的革命性升级
javascript·vue.js·重构
博客zhu虎康13 小时前
音频视频处理:前端直播流播放 flv
前端
一位搞嵌入式的 genius13 小时前
深入理解 JavaScript 原型与继承:从基础到进阶
开发语言·前端·javascript
董世昌4113 小时前
深度解析var、let、const的区别与最佳使用场景
开发语言·前端·javascript
C_心欲无痕13 小时前
Next.js 平行路由:构建模块化动态布局
开发语言·前端·javascript
warrah13 小时前
前端项目容器化部署问题
前端·docker
GISer_Jing13 小时前
2026前端技术潜在主流前沿方向
前端·人工智能·reactjs
切糕师学AI13 小时前
Vue 中的生命周期钩子
前端·javascript·vue.js
掘金-我是哪吒13 小时前
提升服务器性能,解决前端首页加载过慢的问题
运维·服务器·前端