jQuery 验证单个元素上的 errorPlacement

Question

感觉这个问题以前曾被问过，但似乎没有任何问题可以解决我的问题，所以提前道歉。

因为我使用的是 ASP.NET 并且无法预测我想要验证的控件的名称，所以我设置了 jquery 验证规则，如下所示:

jQuery('textarea[id$=MessageTextInput]').rules("add", { required: true, messages: { required: "required"} });
jQuery('input[id$=LinkTextInput]').rules("add", { required: true, messages: { required: "required"} });
jQuery('input[name$=PositionChoiceInput]').rules("add", { required: true, messages: { required: "required"} });

而不是:

$('#aspnetForm').validate({选项和规则});//这需要控件名称

问题是，第三条规则是单选按钮列表，并且错误消息没有放置在正确的位置。它直接放置在第一个单选按钮之后，而我希望它放在最后一个单选按钮列表之后。

jQuery('textarea[id$=MessageTextInput]').rules("add", { required: true, messages: { required: "required"} });
jQuery('input[id$=LinkTextInput]').rules("add", { required: true, messages: { required: "required"} });
jQuery('input[name$=PositionChoiceInput]').rules("add", { required: true, messages: { required: "required"} });

但是，当我添加 errorPlacement 选项时，我似乎无法使该方法正常工作。我还尝试过以下方法:

jQuery('#aspnetForm').validate({ errorPlacement: function (error, element) {
            if (element.hasClass('sfRadioList')) {
                error.insertAfter(element.parent("ul"));
            } 
        }
        });
jQuery('textarea[id$=MessageTextInput]').rules("add", { required: true, messages: { required: "required"} });
jQuery('input[id$=LinkTextInput]').rules("add", { required: true, messages: { required: "required"} });
jQuery('input[name$=PositionChoiceInput]').rules("add", { required: true, messages: { required: "required"} });

但这仍然没有奏效。我可以做什么来设置一个元素的位置？

提前致谢希格斯

Answer 1

这是一些对我有用的代码......

errorPlacement: function(error, element) {
if (element.attr("name") == "pdfEmailAddress")
    {
        error.insertAfter("ul.slinks");
    }
    else
    {
        error.insertAfter(element);
    }
}