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

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

相关推荐
心.c8 分钟前
文件上传 - 入门篇
前端·javascript·vue.js·node.js·js
弓.长.9 分钟前
React Native 鸿蒙跨平台开发:实现一个计时器工具
javascript·react native·react.js
Dragon Wu11 分钟前
ReactNative MMKV和React Native Keychain存储本地数据
javascript·react native·react.js·前端框架
Never_Satisfied14 分钟前
在JavaScript / HTML中,cloneNode()方法详细指南
开发语言·javascript·html
—Qeyser20 分钟前
Flutter组件 - BottomNavigationBar 底部导航栏
开发语言·javascript·flutter
hxjhnct22 分钟前
CSS 伪类和伪元素
前端·javascript·css
❆VE❆23 分钟前
【css】打造倾斜异形按钮:CSS radial-gradient 与抗锯齿实战解析
前端·javascript·css
followYouself26 分钟前
ViewPager+Fragment
android·前端
37方寸28 分钟前
前端基础知识(HTML、CSS)
前端·css·html
u13013033 分钟前
深入解析二维码技术与前端生成方案
前端·二维码