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

【问题标题】：xVal: How to get error message to show up underneath field rather than beside it?xVal：如何让错误消息显示在字段下方而不是旁边？
【发布时间】：2009-11-02 23:59:12
【问题描述】：

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

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

谢谢

【问题讨论】：

标签： jquery validation xval

【解决方案1】：

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

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

【讨论】：

【解决方案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"));
            }
        },

【讨论】：