在无效消息中创建换行符答案

【问题标题】：Create line breaks in oninvalid message在无效消息中创建换行符
【发布时间】：2018-04-04 16:42:09
【问题描述】：

我想在我的 oninvalid 弹出消息中创建换行符，以便我可以在不同行上列出对错误消息的多个要求。

这是我正在尝试创建的示例代码：

  <form action='' method='post'>
  <input type="text" id="username" required placeholder="Enter Name" autocomplete="off" oninvalid="this.setCustomValidity('fix format #1 <br> fix format #2<br> fix format #3')" oninput="setCustomValidity('')" />
  <input type="submit" value="submit">
  </form>

【问题讨论】：

标签： html

【解决方案1】：

添加 \n 而不是换行符。

this.setCustomValidity('fix format #1 \n fix format #2\n fix format #3')"

New line in JavaScript alert box

【讨论】：

如果这仍然不起作用，您可能还需要转义换行符。 \\n.在我链接的类似问题中，您还会找到一些可能适用于您的具体情况的附加信息。如果您不提供任何其他信息，例如您正在使用的其他编程语言或函数 this.setCustomValidity()，则很难准确说出您需要什么。
我相信它是 JavaScript。由于它是用于弹出表单输入无效消息而不是 JavaScript 警报，因此我不确定 /n 是否会像您的示例中那样工作。
\xa0 用于添加空格，所以我不知道为什么 /n 不起作用。
如果有人决定不加评论而投反对票，请点赞或标记为答案。
@user9555327 \n 和 /n 在 Chrome 中都不适合我。你用什么浏览器测试？