jQuery Validate使用bootstrap错误提示样式

代码

$.validator.setDefaults({
    // 对隐藏域也进行校验
    ignore : [],
        // 手动触发校验
    onsubmit : false,
    highlight : function(element) {
        $(element).closest('.form-group').addClass('has-error');
    },
    unhighlight : function(element) {
        $(element).closest('.form-group').removeClass('has-error');
    },
    errorElement : 'span',
    errorClass : 'help-block',
    errorPlacement : function(error, element) {
        if (element.parent('.input-group').length) {
            error.insertAfter(element.parent());
        } else {
            error.insertAfter(element);
        }
    }
});
// 手动触发校验代码
$this.validator.form();
// OR
$("#myFormId").valid();

效果

参考