Javascript 如何在输入验证工具提示消息中插入新行？当鼠标悬停时，它工作正常，但我单击“发送”时它不工作

如何在输入工具提示消息中添加新行。我尝试了

，\n，

但它不起作用

<input type="password"  id="password" v-model="user.password" class="form-control"
 title="Must contain at least one number, one uppercase letter, one special character and at least 8 characters"  pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#\$%\^&\*]).{8,}" required>

---

希望这对您有所帮助

只需使用实体代码

更新
我在mdn/mdn上为此创建了一个问题


我对此做了一些研究，还发现了另外两个问题，一个没有答案，另一个答案很糟糕





然后我找到了这篇文章，它帮助我更好地理解了这个案例，我写了自己的customValidityMessage

var input = document.getElementById('inp');
input.oninvalid = function(event) {
    event.target.setCustomValidity("Must contain at least" + "\n"+ "one" + "\r" + "number one uppercase \n letter,\n one special \n character and at least 8 characters");
}

声明
.setCustomValidity（）
的参数是一个DOM字符串和一个对应于JS字符串的DOM字符串

DOMString通常是由16位无符号整数组成的序列
解释为UTF-16代码单元。这与
JavaScript基本字符串类型。当一个DOMString被提供给
JavaScript，它直接映射到相应的字符串

因此我认为在字符串
'\n'
或
'\n'
中插入应该很容易。因此，正如您在下面的示例中所看到的，我尝试了，并对其进行了解释，但在消息中仍然没有换行符


var input=document.getElementById（'inp'）；
input.oninvalid=函数（事件）{
event.target.setCustomValidity（“必须至少包含”+字符串.fromCharCode（13）+“一个”+字符串.fromCharCode（67）+“第一个大写字母，\n一个特殊\n字符和至少8个字符”）；
}
输入回车键会使行发生变化


这是否回答了您的问题？您可以与引导程序共享完整的代码吗part@Alex我在这里尝试过，但它不起作用：（@gesha）你使用的是html标记，而不是uml代码，就像Mansi一样wrote@gesha请检查一下，@Mansi很遗憾，这是因为chrome吗？我正在使用chrome浏览器，在mac和windows中都试用过：(（@gesha我在firefox、IE和chrome中尝试过。它在windowsItried中的这三个浏览器中都可以使用，但不起作用：(（@gesha你的意思是当单击“发送”时？工具提示工作正常，正如你将鼠标悬停在密码上方时所看到的那样。是的，当我将鼠标悬停时，工具提示工作正常。但当我单击“发送”时，工具提示工作正常。有什么解决方案吗？我在此处尝试过，但它不工作：((