element校验富文本编辑内容是否必填

400 阅读1分钟
//data内
data() {
//校验表单
   var validateEditor = (rule, value, callback) => {
      let text = this.getText(this.form.content)
      if (this.isNull(text)) {
         callback(new Error('请输入内容'));
      } else {
         callback();
      }
   };
   return {
      rules: {
         content: [{ required: true, validator: validateEditor, trigger: 'blur' }],
   }
},
//此方法是为了校验表单
getText(str) {
   return str
      .replace(/<[^<p>]+>/g, '')  // 将所有<p>标签 replace ''
      .replace(/<[</p>$]+>/g, '')  // 将所有</p>标签 replace ''
      .replace(/&nbsp;/gi, '')  // 将所有 空格 replace ''
      .replace(/<[^<br/>]+>/g, '') // 将所有 换行符 replace ''
},
//此方法是为了校验表单
isNull(str) {
   if (str == '') return true
   let regu = '^[ ]+$'
   let re = new RegExp(regu)
   return re.test(str)
},
//校验
this.$refs["form"].validate(async (valid) => {
   if (valid) {
   }
});