vue富文本编辑器wangeditor输入空格回车的必填判断

温柔雨哥a

已于 2022-08-08 18:11:09 修改

阅读量2.3k

点赞数 5

CC 4.0 BY-SA版权

文章标签： vue.js javascript ecmascript

于 2022-08-08 18:08:50 首次发布

本文链接：https://blog.csdn.net/CSDN_bare/article/details/126233127

本文介绍如何使用JavaScript实现文本输入的空格、换行符去除，并通过正则表达式判断是否为空，确保图文详情的准确性。重点讲解了getText函数和isNull函数的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

所有输入的东西都会被<p></p>标签包裹
加上如下判断基本输入空格回车什么的都不会通过

// 判断富文本编辑器输入是否为空或回车
    const getText = (str) => {
      return str
        .replace(/<[^<p>]+>/g, "") // 将所有<p>标签 replace ''
        .replace(/<[</p>$]+>/g, "") // 将所有</p>标签 replace ''
        .replace(/&nbsp;/gi, "") // 将所有 空格 replace ''
        .replace(/<[^<br/>]+>/g, ""); // 将所有 换行符 replace ''
    };
    const isNull = (str) => {
      if (str == "") return true;
      var regu = "^[ ]+$";
      var re = new RegExp(regu);
      return re.test(str);
    };

// 举例
let text = getText(content)
console.log(isNull(text))  // true表示判空  false表示不为空
if(formState.content.trim().length < 1 || isNull(text)){
 message.error("请输入图文详情");
 return;
}
return{
  getText,
  isNull,
}