javascript - 使用javascript添加和删除伪元素

我正在使用注册表单解决一个挑战，我必须根据输入有效性显示自定义错误消息-

虽然我在没有::after元素的情况下完成了挑战，但我花了一整天的时间来寻找不同的申请方式，::after但最终，我决定走我所知道的方式，把它留给 stackoverflow 上的另一个问题。

（据我所知）我们不能使用纯 CSS 向输入字段添加伪元素。所以我想把它添加到字段的父表单组中。我在网站搜索时发现了该.after()方法，但它添加了子节点，而不是::after. 此外，每次我点击提交时，它都会不断添加元素。

然后我想到了 let errorMessage = $("#"+field.parentNode+"::after");，但甚至在我能做类似的事情之前errorMessage.css("content","Invalid message")，它就抛出了

unrecognized expression: #[object HTMLDivElement]::after

现在你知道我在决定走我的简单方式之前是多么的搞砸了。总结了一切，我只想知道有没有解决方案::after！如果我上面提到的任何假设是错误的，请告诉我。这是我对此页面的解决方案。

标签： javascriptjquerycssvalidation