javascript - 将错误消息应用于文本框

Question

我正在尝试对文本框等控件应用一些验证错误。我最初使用的是 qtip.js，但由于某种原因它运行不佳。所以，我试图在我想显示的位置手动显示错误。 我将如何准确获取控件右上角的坐标(例如:如图所示的文本框)，以便显示错误消息。我尝试使用偏移功能但无济于事。

var x = $("txtBox1").offset();
var relativeX = (e.pageX - offset.left);
var relativeY = (e.pageY - offset.top);

Answer 1

我认为最好只使用纯 HTML 定位将错误放在文本框的正下方。无需使用 JavaScript 手动定位。

这是一个 fiddle :https://jsfiddle.net/v0k1jbug/

<input type="text">
<div class="error">Error</div>

然后，如果您使用的是 JQuery，则可以根据需要显示/隐藏/填充错误消息。

希望这对您有所帮助。