Javascript 如何在不使用JQuery中任何其他标记的情况下，在文本框的侧面写入错误消息？

如何在文本框的侧面或下方显示错误消息。 在当前场景中，将验证文本框是否为isnumeric

消息应为“请输入正确的值”

HTML

我不想使用任何其他标记，只想在输入标记的基础上调整文本

那么如何在文本框的右边写文本， 文本框下方的2， 3以上文本框和 4文本框左侧

供您参考：

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

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

在匹配元素集中的每个元素之后插入由参数指定的内容

文件：

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

在匹配元素集中的每个元素之前插入由参数指定的内容

文件：

要在文本框的下方和上方写入内容，可以分别在“之后”和“之前”中使用。

尝试以下操作：

  var someParentElement = $("#parent");
  var div = $('<div id="error-text' + textBoxNum + '">error</div>');

  div.css({
     position: 'absolute',
     'font-size': 20,
     top: 10,
     bottom: 10
  });

  someParentElement.append(div);

---

您可以使用$error-text1.remove删除它们

显然，css是根据适合您的案例的位置进行调整的。因为位置是相对于父元素的。请为其提供jfiddle。您也可以将文本框中的文本更改为错误消息。如果有效？@User3735633 Not preferred每次触发事件后都会添加消息。所以我们需要删除该元素并再次添加消息，怎么做？@fatherazrael那么你应该使用span和add/remove这样的元素，我们没有任何方法可以找到在该元素之后有文本我的消息，并且我停止添加文本，如果它存在的话？

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

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

  var someParentElement = $("#parent");
  var div = $('<div id="error-text' + textBoxNum + '">error</div>');

  div.css({
     position: 'absolute',
     'font-size': 20,
     top: 10,
     bottom: 10
  });

  someParentElement.append(div);