element ui 表单验证规则demo：不能中英文混杂！不能有标点符号！

浅浅的花香味﹌ 2023-01-01 03:55 124阅读 0赞

正则：

>     /^([\u4e00-\u9fa50-9]+|[A-Za-z0-9]+)$/g

data() {
        let checkWords = (rule, value, callback) => {
          console.log(value)
          if (value === '') {
            this.$message.warning('关键词不能为空！')
            return callback(new Error('关键词不能为空！'))
          }
          let regBox = { regWords: /^([\u4e00-\u9fa50-9]+|[A-Za-z0-9]+)$/g }
          console.log('第一个条件')
          // console.log(regBox.regWords.test(value))
          let result = regBox.regWords.test(value)
          if (result === true) {
            return callback()
          } else {
            this.$message.warning('关键词格不能中英文混杂！不能有标点符号！！')
            return callback(new Error('关键词不能中英文混杂！不能有标点符号！'))
          }
        }
    
        return {
         
          // 查询参数
          queryParams: {
            pageNum: 1,
            pageSize: 10,
            stWords: null,
            stGroupId: null,
            deptId: null,
            scene: null
          },
          // 表单参数
          form: {},
          defaultProps: {
            children: 'children',
            label: 'label'
          },
          // 表单校验
          rules: {
            stWords: { validator: checkWords, trigger: 'change' }
          }
        }
      },

发表评论取消回复

表情：

评论列表（有 0 条评论，124人围观）

还没有评论，来说两句吧...

相关阅读

相关解决Vue+Element UI使用表单rules国际化时From表单验证信息不能实时更新

说明：该篇博客是博主一字一码编写的，实属不易，请尊重原创，谢谢大家！ > 博主在工作之余开始进行自动化测试平台的开发，虽然已经996一个月了但是还是在使劲挤时间做这件事情，目

我就是我/ 2024年03月23日 19:21/ 0 赞/ 70 阅读

相关 element ui 表单验证规则demo：不能中英文混杂！不能有标点符号！

正则： > /^([\u4e00-\u9fa50-9]+|[A-Za-z0-9]+)$/g data() { let checkWor

浅浅的花香味﹌/ 2023年01月01日 03:55/ 0 赞/ 125 阅读

相关 element-ui多个表单如何同时验证

<template> <div> <div v-for="(item,index) in Data" :key="index">

╰+攻爆jí腚メ/ 2022年12月31日 15:20/ 0 赞/ 273 阅读

相关 Element-UI 表单验证规则rules 配置参数说明以及判断日期开始时间不能早于结束时间

目录表单验证规则rules 配置参数说明自定义校验规则 -------------------- 表单验证规则rules 配置参数说明 Form

桃扇骨/ 2022年10月23日 12:39/ 0 赞/ 425 阅读

相关 element ui 自定义表单验证

element ui 表单验证 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="de

╰+哭是因爲堅強的太久メ/ 2022年09月10日 12:24/ 0 赞/ 217 阅读

相关 element ui 表单验证残留提示处理

问题：如果vue的同一个页面拥有两个表单。验证第一个表单时没有通过就切换到第二个，那么第二个表单会出现验证错误的信息 ![70][] 点击编辑框 ![70 1][]

布满荆棘的人生/ 2022年05月28日 01:06/ 0 赞/ 225 阅读

相关 element-ui中表单验证rules

我们在项目中头疼的是什么？对，你没有听错，就是表单验证，各种非空校验，正则校验等等而初次使用元件的UI，在做表单验证的时候，由于项目急，自己呢，也没有时间去研究这个，结果比

妖狐艹你老母/ 2022年05月15日 09:45/ 0 赞/ 379 阅读

相关 element-ui 表单自动验证问题的解决

> element-ui 中的 el-form 组件自带了验证功能.当表单初始化后,每次赋值或进行相应操作.就会触发表单自动验证 > > 在开发中,有一个不太友好的问

爱被打了一巴掌/ 2021年11月16日 13:56/ 2 赞/ 1437 阅读

相关解决vue+ element ui 表单验证有值但验证失败问题

这篇文章主要介绍了vue+ element ui 表单验证有值但验证失败，本文通过实例代码给大家分享解决方案，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下一.

分手后的思念是犯贱/ 2021年07月26日 22:39/ 0 赞/ 550 阅读

相关 VUE Element-ui 表单自定义验证规则

验证规则：在防止用户犯错的前提下，尽可能让用户更早地发现并纠正错误 HTML代码： <el-form :model="modifyForm"

淡淡的烟草味﹌/ 2021年07月25日 11:27/ 0 赞/ 564 阅读