jquery - xVal：如何让错误消息显示在字段下方而不是旁边？

Question

将 xVal 与 Jquery 验证一起使用，并希望错误消息显示在字段下方而不是在其旁边。这可能吗？

此外，是否可以指示 xVal 在字段旁边简单地显示一个“*”，然后在表单上方的工具提示和/或摘要中显示实际的错误消息？

谢谢

Answer 1

用于放置错误消息。您可以使用像这样的跨度标签。将它作为同级放置在它应该保存错误消息的字段之后。如果需要，请检查此xVal 源 (xVal.jquery.validate.js)以获取详细信息

<span class='field-validation-error'></span>

Answer 2

来自 xVal 源的此代码将消息输出与标记相关联，该标记位于字段下方。我想查看字段上方的消息。我怎么能做到这一点？

_associateNearbyValidationMessageSpanWithElement: function(element) {
            // If there's a <span class='field-validation-error'> soon after, it's probably supposed to display the error message
            // jquery.validation goes looking for an attribute called "htmlfor" as follows
            var nearbyMessages = element.nextAll("span.field-validation-error");
            if (nearbyMessages.length > 0) {
                $(nearbyMessages[0]).attr("generated", "true")
                                    .attr("htmlfor", element.attr("id"));
            }
        },