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

Question

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

在这个例子中，http://jsbin.com/ojihiv/4/edit，我有 2 个部分，在第 1 部分，我需要实现在一个部分显示错误消息，在第 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"));}
});