Twitter bootstrap 代码点火器3：添加“类”；“有错误”；指向包含无效字段的窗体组

我有一个定义了文本字段的表单（在视图文件中）：

在控制器中，我已启用错误消息：

$this->form_validation->set_error_delimiters('<p class="error">', '</p>');

$this->form\u validation->set\u error\u分隔符（“
”，“
”）；

---

当显示错误时，我想将类“has error”添加到

。如何做到这一点？

通过JavaScript，我用以下几行代码获得了想要的效果：

<div class="form-group <?php if(form_error('email')) echo 'has-error';?>">

$('.form-group').each(function(){
        var error_msg = $(this).find(".error");
        if (error_msg.length > 0) {
            $(this).addClass('has-error');
        }
});

highlight: function(element) {
            $(element).closest('.form-group').addClass('has-error');
        },
        unhighlight: function(element) {
            $(element).closest('.form-group').removeClass('has-error');
        },
        errorElement: 'div',
        errorClass: 'text-danger',
        errorPlacement: function(error, element) {
            if(element.parent('.input-group').length) {
                error.insertAfter(element.parent());
            } else if(element.parent('.blocks').length){
                error.insertAfter(element.parent());
            }else{
                error.insertAfter(element);
            }
        },

$('.form-group').each(function(){
        var error_msg = $(this).find(".error");
        if (error_msg.length > 0) {
            $(this).addClass('has-error');
        }
});