vue+element表单校验输入框不能有特殊字符

最新推荐文章于 2024-08-10 16:03:50 发布

油乐王子

最新推荐文章于 2024-08-10 16:03:50 发布

阅读量1.5k

点赞数

分类专栏：笔记文章标签： vue.js elementui

原文链接：https://blog.csdn.net/H_hongai/article/details/120454119

版权

笔记专栏收录该内容

62 篇文章 1 订阅

订阅专栏

vue+element校验输入框不能有特殊字符

data() {
    let validateInput = (rule, value, callback) => {
      if (!this.checkSpecialKey(value)) {
        callback(new Error("不能含有特殊字符 / "));
      } else {
        callback();
      }
    };
    return {
		rules: {
        	brandName: [
          		{ required: true, message: "请输入品牌名称", trigger: "blur" },
          		{ validator: validateInput, trigger: ['blur', 'change']  },//加上这一句
        	]
      	},
	}
}
methods: {
    checkSpecialKey(str) {
      let specialKey = "[/]";
      for (let i = 0; i < str.length; i++) {
        if (specialKey.indexOf(str.substr(i, 1)) != -1) {
          return false;
        }
      }
      return true;
    },
}