jQuery validate a checkbox is ticked - 有没有办法让错误消息附加 HTML 而不是前置？

Posted 2023-05-09

【中文标题】jQuery validate a checkbox is ticked - 有没有办法让错误消息附加 HTML 而不是前置？

【英文标题】：jQuery validate a checkbox is ticked - Is there a way to get the error message to append the HTML rather than prepend?

【发布时间】：2018-07-15 14:30:15

【问题描述】：

我正在我的表单上实现 jQuery 验证，特别是 required method

我遇到的问题是错误消息在复选框所具有的 html 值之前添加，就像这样；

这是验证错误前的复选框：

我查看了errorContainer，但目前无法让它在“规则”标签中工作，如下所示：

rules : 
        agreeBranchRules: 
            required: true,
            errorContainer: "#putErrorMessageHereSoItDoesntSkew"
         
    

有没有办法“捕捉”该验证错误并将其放置在其下方，而不会导致它扭曲“我同意”值标签？

【参考方案1】：

稍加挖掘后，使用errorPlacement，您可以将某些错误附加到您喜欢的 HTML 的末尾。

errorPlacement: function (error, element) 
                    if (element.attr("name") == "agreeBranchRules") 
                        error.appendTo("#tickAgree");
                     else 
                        error.insertAfter(element);
                    
                

现在这会将错误消息放在“我同意”文本之后，而不是替换它。

来自this answer的帮助