jQuery验证：是否在输入字段中显示错误消息？

我目前正在使用jQuery验证脚本（）来验证表单输入。但是，我不喜欢错误消息显示在我的输入元素旁边。我宁愿将它们显示在输入元素中，作为占位符

这意味着，例如，当某个字段留空时，错误消息“This field is required.”不会显示在“error”类中的输入元素旁边，而是作为输入元素内部的占位符显示

---

我似乎不知道该怎么做。如果您有任何建议，我们将不胜感激。

当占位符不受支持时，您通常使用带有绝对位置的标签来覆盖输入并隐藏对焦。相同的逻辑可以应用于错误消息，同时保持可访问性，而不依赖占位符属性。div封装应该是内联的，因此错误文本与输入宽度保持内联

<div style="position:relative;display:inline;">
  <input type="text">
  <span style="position:absolute;top:0;left:0;">My error message</span>
</div>

我的错误消息

代码很好，但这可能需要编写自己的验证代码，或者编辑jQuery验证代码