quillEditor富文本编辑器空格跳过验证问题

顾辰呀

已于 2024-07-17 20:35:57 修改

阅读量200

点赞数

文章标签： javascript 前端 vue.js

于 2023-06-27 11:03:17 首次发布

本文链接：https://blog.csdn.net/weixin_45776545/article/details/131412720

版权

    // 提交
    helpDetailsSubmit () {
      this.$refs.addFormRef.validate(async (bol) => {
        if (!bol) return
        let bol2 = await this.regFun(this.addForm.content) // 富文本空格会跳过表单验证
        if (bol2) return this.$message.warning('帮助内容不能为空！')

        await this.$request({
          url: `/op/help/add`,
          method: 'post',
          data: {
            ...this.addForm,
            type: this.addForm.type.toString(),
            id: this.handleEditRow ? this.handleEditRow.id : ''
          }
        })

        this.handelSearch()
        this.$message.success('提交成功')
        this.helpDetailsClose()
      })
    },


    // 返回判断结果，true 表示为空，false 表示不为空
    regFun (data) {
      // 打印输入数据以便调试
      // 如果包含图片标签，直接返回 true
      if (data.includes('<img src=')) return false
      // 去除 HTML 标签和 &nbsp; 后的内容
      let processedText = data.replace(/<[^<>]+>/g, '').replace(/&nbsp;/gi, '')
      // 判断处理后的文本是否为空或者全为空格
      let isNull = processedText === '' || /^[ ]+$/.test(processedText)
      return isNull
    }