如何在SweetAlert中带换行符输出CodeIgniter验证错误信息？

首先，咱们可以先优化一下你视图里拼接错误信息的代码——不用逐个判断每个字段，直接遍历错误对象会更简洁，也避免重复代码：

if (res.errors) {
  // 提取所有非空错误信息，用<br>拼接（适合HTML显示）
  const errorMsgs = Object.values(res.errors).filter(msg => msg).join('<br>');
  
  // 或者用换行符拼接（适合纯文本显示）
  // const errorMsgs = Object.values(res.errors).filter(msg => msg).join('\n');
}

接下来分两种情况实现SweetAlert的换行显示：

方法1：使用SweetAlert的HTML模式（推荐） #

SweetAlert（尤其是常用的SweetAlert2版本）支持直接渲染HTML内容，只要在调用时指定html选项而不是text，就能让<br>标签生效：

Swal.fire({
  icon: 'error',
  title: '表单验证失败',
  html: errorMsgs, // 这里用html而非text，让<br>解析成换行
  confirmButtonText: '确定'
});

这种方式和你原来的拼接逻辑完美适配，不需要额外修改，就能让每条错误信息单独一行显示。

方法2：使用纯文本模式加换行符 #

如果你更倾向于用纯文本换行（不想依赖HTML标签），可以把拼接的分隔符换成\n，然后通过CSS让SweetAlert识别换行：

// 先把错误信息用换行符拼接
const errorMsgs = Object.values(res.errors).filter(msg => msg).join('\n');

// 调用SweetAlert时设置text，并添加自定义样式类
Swal.fire({
  icon: 'error',
  title: '表单验证失败',
  text: errorMsgs,
  confirmButtonText: '确定',
  customClass: {
    popup: 'swal-text-wrap'
  }
});

然后在页面的CSS里添加样式，让文本自动换行：

.swal-text-wrap .swal2-html-container {
  white-space: pre-line;
}

另外给你个小建议：你的控制器代码可以加上exit;，防止后续代码意外输出多余内容，影响JSON格式：

if ($this->form_validation->run() == FALSE) {
  $errors = $this->form_validation->error_array();
  echo json_encode(['error' => true, 'errors' => $errors]);
  exit; // 终止后续代码执行
}

这样就能在SweetAlert里清晰地看到每条验证错误信息单独一行显示啦~

内容的提问来源于stack exchange，提问作者Pasindu Jayanath