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

浅浅的花香味﹌ 2023-01-01 03:55 139阅读 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 条评论，139人围观）

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

相关阅读

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

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

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

相关 element-ui清除表单验证提示语

一、需求描述：使用了element-ui的表单，点击发布当物流单号为空时，会出现提示，如果我通过上方下拉框切换了物流名称，我希望能够主动的清除下方的红色提示信息。

红太狼/ 2023年10月07日 10:51/ 0 赞/ 31 阅读

相关 element-ui表单验证实例

<template> <div class="main"> <div class="login"> <el-form

约定不等于承诺〃/ 2023年10月06日 17:52/ 0 赞/ 33 阅读

相关 element-ui 表单验证

<el-form ref="form" :model="form" :rules="rules" label-width="0px" class="demo-ruleF

小鱼儿/ 2023年03月14日 13:30/ 0 赞/ 55 阅读

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

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

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

相关 element ui 自定义表单验证

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

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

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

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

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

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

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

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

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

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

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

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

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

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