Jquery 在after（）上创建一个元素；

我正在使用jquery。有没有其他方法来限制元素的创建

这是我的密码

if($(this).val() == "") {
   $(this).addClass('error').after('<span class="jquery_form_error_message">' + 'This field is required' + "</span>");
   validated = false;
   return false;

if（$（this）.val（）==“”）{
$（this.addClass（'error'）。在（'+'之后，此字段是必需的'+'）；
验证=假；
返回false；

这实际上是一个验证。除非您将每个字段数据都字段化，否则不能跳过。

---

我的问题是。当我单击submit.按钮时..它在div.的顶部创建了一个多跨类..这非常混乱。

您可以检查元素是否存在：

if ($(this).next('.jquery_form_error_message').length > 0) {
  // Exists
} else {
  // Doesn't exist
}

功能测试（）{
if（$（this）.val（）==“”）{
$（this）.addClass（'error'）。在（$（this）.next（'span.jquery\u form\u error\u message'）之后。长度===1？（“+”此字段是必需的“+”）：”）；
验证=假；
返回false；
}
否则{
$（this.removeClass（'error'）.next（'span.jquery\u form\u error\u message'）.hide（）；
已验证=正确；
返回true；
}
}

不要自己进行验证，因为你正在重新发明轮子，而且你的技能水平不适合正确地进行验证。请尝试jquery验证。

 function test() {
            if ($(this).val() == "") {
                $(this).addClass('error').after($(this).next('span.jquery_form_error_message').length === 1 ? ('<span class="jquery_form_error_message">' + 'This field is required' + "</span>") : '');
                validated = false;
                return false;
            }
            else {
                $(this).removeClass('error').next('span.jquery_form_error_message').hide();
                validated = true;
                return true;
            }
        }