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

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

相关推荐
a栋栋栋3 小时前
apifox
java·前端·javascript
请叫我飞哥@3 小时前
HTML 标签页(Tabs)详细讲解
前端·html
Anlici4 小时前
React18与Vue3组件通信对比学习(详细!建议收藏!!🚀🚀)
前端·vue.js·react.js
m0_748251524 小时前
PDF在线预览实现:如何使用vue-pdf-embed实现前端PDF在线阅读
前端·vue.js·pdf
中生代技术4 小时前
3.从制定标准到持续监控:7个关键阶段提升App用户体验
大数据·运维·服务器·前端·ux
m0_748239334 小时前
从零开始:如何在.NET Core Web API中完美配置Swagger文档
前端·.netcore
m0_748232925 小时前
【前端】Node.js使用教程
前端·node.js·vim
hawleyHuo5 小时前
umi 能适配 taro组件?
前端·前端框架
web130933203985 小时前
[JAVA Web] 02_第二章 HTML&CSS
java·前端·html
黑客呀5 小时前
Go Web开发之Revel - 网页请求处理流程
开发语言·前端·web安全·golang·系统安全