反映Jquery验证中输入字段顺序的错误消息顺序

反映Jquery验证中输入字段顺序的错误消息顺序,jquery,jquery-validate,Jquery,Jquery Validate,我稍微修改了Jquery验证中错误消息的位置。如您所见,错误消息显示在一组输入字段的标记下方。然而,通过这种方法,我引入了一个问题,即错误消息的顺序与输入元素的顺序不同。在本例中,我希望先显示月份的错误消息,然后显示年份,但顺序相反 但是,如果我将insertAfter更改为InsertBefore,则顺序会得到纠正,但很明显,错误消息会插入到标记上方,尽管从视觉上看不是这样,也不确定原因 我的问题是,是否有更简单的方法对错误消息进行重新排序,以便它们以与输入相同的顺序显示。 提前谢谢 $fu

我稍微修改了Jquery验证中错误消息的位置。如您所见,错误消息显示在一组输入字段的标记下方。然而,通过这种方法,我引入了一个问题,即错误消息的顺序与输入元素的顺序不同。在本例中,我希望先显示月份的错误消息,然后显示年份,但顺序相反

但是,如果我将insertAfter更改为InsertBefore,则顺序会得到纠正,但很明显,错误消息会插入到标记上方,尽管从视觉上看不是这样,也不确定原因

我的问题是,是否有更简单的方法对错误消息进行重新排序,以便它们以与输入相同的顺序显示。 提前谢谢

$function{ $'.form'.validate{ 错误元素:span, errorPlacement:函数错误,元素{ var parent=element.closest'.form group'; var target=parent.find'legend'; error.insertAftertarget; } }; $.validator.addClassRules{ 月份验证:{ 必填项:true }, 年度验证:{ 必填项:true } }; }; .错误{ 显示:块; 颜色:红色; } 输入月份和年份 月 年
也许您可以将目标从图例更改为.form行,这样您就可以使用insertBefore了

$function{ $'.form'.validate{ 错误元素:span, errorPlacement:函数错误,元素{ var parent=element.closest'.form group'; var target=parent.find'.form row'; error.insertBeforetarget; } }; $.validator.addClassRules{ 月份验证:{ 必填项:true }, 年度验证:{ 必填项:true } }; }; .错误{ 显示:块; 颜色:红色; } 输入月份和年份 月 年