jQuery验证插件，将错误放置在Twitter引导程序本机元素中

我正在使用Twitter Boostrap，并试图将jQuery验证插件错误放在正确的元素中，而不是将每条消息硬编码在HTML中

请参见此处的JSFIDLE：

---

首先，清空内联代码中的所有消息，但保留

span

，因为我们不想太多地破坏您的布局

<span class="help-block"></span> 

现在将使用

.validate（）

中定义的所有消息。注意我是如何用自动占位符

{0}

替换规则的值的

messages: {
    name: "Please enter your first name",
    lname: "Please enter your last name",
    username: {
        required: "Please enter a username",
        minlength: "Your username must consist of at least {0} characters"
    },
    email: "Please enter a valid email address",
    password: {
        required: "Please provide a password",
        minlength: "Your password must be at least {0} characters long",
        maxlength: "Your password must be less than {0} characters long"
    },
    password2: {
        equalTo: "Please enter the same passwords"
    },
    postal_code: "Please enter a valid zip code",
    timezones: "Please select a time zone",
    mp: "Please enter a valid mobile number. Only numbers please.",
    gender: "Please select a gender",
    dob: "Please enter a valid Date of Birth in mm/dd/yyyy format."
},

---

工作演示：

太棒了。。除了password2错误标签从未显示外，所有这些似乎都有效。。该字段将显示为样式无效，但如果键入不匹配的密码，则不会显示错误标签。。思想？？？@Sparky。。啊，明白了。。再次感谢！任何希望将jQuery验证插件与Twitter引导错误放置一起使用的人。。别再看了！

errorPlacement: function (error, element) {
    element.closest('.control-group').find('.help-block').html(error.text());
}

messages: {
    name: "Please enter your first name",
    lname: "Please enter your last name",
    username: {
        required: "Please enter a username",
        minlength: "Your username must consist of at least {0} characters"
    },
    email: "Please enter a valid email address",
    password: {
        required: "Please provide a password",
        minlength: "Your password must be at least {0} characters long",
        maxlength: "Your password must be less than {0} characters long"
    },
    password2: {
        equalTo: "Please enter the same passwords"
    },
    postal_code: "Please enter a valid zip code",
    timezones: "Please select a time zone",
    mp: "Please enter a valid mobile number. Only numbers please.",
    gender: "Please select a gender",
    dob: "Please enter a valid Date of Birth in mm/dd/yyyy format."
},