jquery - jquery Validation 难以以单一形式处理多个部分的行为

Question

我有一个包含多个部分的表单，我无法独立处理单个表单中的部分验证行为。

在这个例子中，http://jsbin.com/ojihiv/4/edit，我有2个section，在section 1，我需要实现在一个section显示错误信息，在section 2，我需要实现错误信息的显示作为输入元素的标题。

这个例子的问题是，总是第一个选择的行为将在之后应用。这可以进行如下测试。

案例 1：单击 validateemail 而不输入数据，显示部分级别的错误消息，现在单击 validatename 现在错误消息应该显示为标题，而它显示为部分。

刷新页面

案例 2：单击 validatename 而不输入数据，错误消息显示为标题，现在单击 validateemail 错误消息应该显示为 section ，其中错误显示为标题。

有人可以帮我吗？

Answer 1

将文本框放在 div 标签中。

我已经给出了一个验证示例，错误消息将显示在“最近”的 div 中。

$("#prRegistration").validate({
   rules: {
        user_name: { 
            required: true, minlength: 2
        }
    },

    messages: {
        user_name: {
            required :"Please enter first name"
            // minlength:""
        }
    },
    errorPlacement: function(error, element) {error.insertAfter(element.closest("div"));}
});