zl程序教程

您现在的位置是:首页 >  其他

当前栏目

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

规则UI 验证 不能 表单 Demo Element 中英文
2023-09-14 09:04:07 时间

正则:

/^([\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' }
      }
    }
  },