JavaScript如何将字符串中的点替换为换行符？表单验证错误提示场景实践疑问

你遇到的问题核心在于SweetAlert的text属性只会渲染纯文本，所以你拼接的<br>标签并没有被解析成换行，而是直接以字符串形式显示出来了。

修复步骤 #

1. 替换SweetAlert的属性：把text换成html，这样组件才会解析你传入的HTML标签（比如<br>）。
2. 优化错误信息拼接逻辑：你原来的循环拼接+替换点号的方式可以简化，直接用数组的join()方法一步完成，代码更简洁高效。

完整修改后的代码 #

// 提取错误值并直接用<br>拼接，不用先拼字符串再替换
let errors = Object.values(data);
let errorsMarkup = errors.join('<br>');

// 使用html属性替代text来渲染HTML内容
Swal.fire({
  icon: 'error',
  title: 'Oops...',
  html: errorsMarkup
});

额外说明 #

如果后端返回的每个错误本身就带有点号（比如"邮箱格式不正确."），你可以先去掉每个错误末尾的点号再拼接，避免换行后出现多余的点：

let errorsMarkup = errors.map(error => error.replace(/\.$/, '')).join('<br>');

内容的提问来源于stack exchange，提问作者Osama Amr