Vue项目中校验文件名称中是否包含特殊字符

最新推荐文章于 2024-05-15 14:18:12 发布

辣条小哥哥

最新推荐文章于 2024-05-15 14:18:12 发布

阅读量949

点赞数 9

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_44090040/article/details/134718500

版权

// 在你的Vue组件中
export default {
  data() {
    return {
      fileName: '', // 用来存储文件名称的数据属性
    };
  },
  methods: {
    validateFileName() {
      const regex = /[\\:{}[\]|;<>?`~]/; // 包含特殊字符的正则表达式

      if (regex.test(this.fileName)) {
        // 文件名称包含特殊字符
        return false;
      } else {
        // 文件名称合法
        return true;
      }
    },
    submitForm() {
      if (this.validateFileName()) {
        // 文件名称合法，执行提交操作
        // ...
      } else {
        // 文件名称不合法，显示错误提示或执行其他操作
        // ...
      }
    },
  },
};