vue---验证输入框【只能输入数字、字母、下划线、中划线】

最新推荐文章于 2024-06-05 19:20:06 发布

__十七

最新推荐文章于 2024-06-05 19:20:06 发布

阅读量4k

点赞数 1

分类专栏： Vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/wlijun_0808/article/details/125317140

版权

Vue 专栏收录该内容

59 篇文章 5 订阅

订阅专栏

 // 验证code 只能输入数字、字母、下划线、中划线
    validateCode(rule, value, callback) {
      let reg = this.$configs.regExp.code;
      return reg.test(value) ? callback() : callback(new Error('只能输入数字、字母、下划线、中划线'));
    },
    // 验证name 只能输入数字、字母、下划线、中划线
    validateName(rule, value, callback) {
      let reg = this.$configs.regExp.name;
      return reg.test(value) ? callback() : callback(new Error('只能输入中文、数字、字母、下划线、中划线'));
    },
rules: {
        code: [
          {required: true, message: '请输入维度编码', trigger: ['blur', 'change']},
          {validator: this.validateCode, trigger: ['blur', 'change']}
        ],
        name: [
          {required: true, message: '请输入维度名称', trigger: ['blur', 'change']},
          {validator: this.validateName, trigger: ['blur', 'change']}
        ],