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

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

相关推荐
摘星编程几秒前
React Native for OpenHarmony 实战:TimePickerAndroid 时间选择器详解
javascript·react native·react.js
再学一点就睡2 分钟前
IP从入门到起飞:妈妈再也不用担心我不会网络基础啦
前端·后端·tcp/ip
坚持学习前端日记5 分钟前
认证模块文档
java·服务器·前端·数据库·spring
我是一只小青蛙8881 小时前
JavaScript DOM操作全解析
开发语言·javascript·ecmascript
AI视觉网奇1 小时前
Uncaught SyntaxError: Failed to construct ‘RTCPeerConnection‘:
前端·javascript·html
再学一点就睡8 小时前
前端网络实战手册:15个高频工作场景全解析
前端·网络协议
C_心欲无痕9 小时前
有限状态机在前端中的应用
前端·状态模式
C_心欲无痕9 小时前
前端基于 IntersectionObserver 更流畅的懒加载实现
前端
candyTong9 小时前
深入解析:AI 智能体(Agent)是如何解决问题的?
前端·agent·ai编程
柳杉9 小时前
建议收藏 | 2026年AI工具封神榜:从Sora到混元3D,生产力彻底爆发
前端·人工智能·后端