用户错误消息| HTML数据与JavaScript

我的目标如下：

我考虑过像这样把信息放在html中

<div id = "text_identifier">text_here</div> // div is hidden.

---

我相信你知道如何使用javascript，根据你到目前为止所说的，在实践中，你使用的方法是绝对好的，应该不会对你造成任何伤害，我已经添加了一个链接，以防你需要参考

---

这取决于你喜欢怎么做。通常JavaScript并不重要，它是php后端部分。因此，请将其集成到您的系统中，使其易于阅读。：）

我将为每个元素使用HTML

data-*

属性

如果你有很多输入，你可以这样做：

<input type="text" name="name" data-error-message="Please enter a valid name">
<input type="text" name="email" data-error-message="Please enter a valid email">
<input type="text" name="pass" data-error-message="Please enter passoword, 6-40 character">

---

当您选择值时，还可以选择错误消息：）

我认为这确实是一个首选项。您可以将其放在HTML中，并且只显示具有特定类的div（即，表示“抱歉，该电子邮件已被接收”的div具有class.take，并且在该错误触发时显示该div）

也许会有关于性能的争论，但我认为它们在这个尺度上是微不足道的，如果有什么不同的话，你的方法可能会稍微好一点。它为您提供了一个统一的位置来编辑消息，并提供了一种简单、干净的方式将这些消息调用到前端

实际上，这是一个意见/偏好的问题

<input type="text" name="name" data-error-message="Please enter a valid name">
<input type="text" name="email" data-error-message="Please enter a valid email">
<input type="text" name="pass" data-error-message="Please enter passoword, 6-40 character">