javascript - 如何在文本框两侧写入错误消息，而不使用 JQuery 中的任何其他标签？

Question

如何在文本框的侧面或下方显示错误消息。在当前场景中，文本框经过 isnumeric() 验证。

消息应该是“请输入正确的值”。

HTML

  NOK: <input data-require-numeric="" type="text" id="finalComments2" name="finalComments2" /> //here error message to be displayed<br>
  NOK: <input data-require-numeric="" type="text" id="finalComments2" name="finalComments2" /> //here error message to be displayed<br>

Jquery:

$('input[type="text"][data-require-numeric]').on("change keyup paste", function() {

我不想使用任何其他标签，只想根据输入标签调整文本。

那么如何 1) 在文本框右侧写入文本，2)在文本框下方，3) 文本框上方和4) 文本框左侧。

Fiddle供您引用:https://jsfiddle.net/poofkgd4/

Answer 1

您可以使用after在文本框后添加文本:

$('#finalComments2').after('My Message');

Insert content, specified by the parameter, after each element in the set of matched elements.

文档:http://api.jquery.com/after/

要在文本框之前添加文本，您可以使用 before :

$('#finalComments2').before('My Message');

Insert content, specified by the parameter, before each element in the set of matched elements.

文档:http://api.jquery.com/before/

要写入文本框的下方和上方，您可以使用<br />里面after和before分别。