php - 我无法在 Bootstrap 中获取有错误文本字段

Question

我最近一直在尝试学习 yii，所以我开始使用 bootstrap 开发一个简单的表单。我使用 yii 1.1.x 版本而不是版本 2，所以我必须手动安装 bootstrap 并基于它编写代码。无论如何，回到这个问题，似乎我的 has-success 类被 jquery 正确调用，但对于 has-error 来说似乎并非如此......有人可以帮忙吗，我很感激你的帮助

<script>
$(document).ready(function() {

    $('#contact_name').on('input', function() {
        var input = $(this);
        var is_name = input.val();
        if (is_name) {
            $('#contact_name').removeClass("has-success").addClass('has-error');
        } else {
            $('#contact_name').removeClass("has-error").addClass('has-success');
        }
    });

});
</script>
<h1>Example Form Validation</h1>
<br>
<div class="form " id="cla">
    <?php $form=$this->beginWidget('CActiveForm',array( 'id' =>'form','htmlOptions'=> array('class'=> 'form-horizontal', 'name' => 'forvalidate', 'id' => 'registration-form' ))); ?>
    <?php echo $form->errorSummary($model); ?>
    <div class="row">
        <div class="form-group col-lg-5" id='contact_name'>
            <?php echo $form->label($model,'name',$htmloptions = array('class'=>'control-label ',)); ?>
            <div class="controls">
                <?php echo $form->textField($model,'name',array('name' =>'name' ,'class'=>'form-control col-xs-5', 'aria-describedby'=>'inputSuccess4Status')); ?>
            </div>
        </div>
    </div>
    <?php $this->endWidget(); ?>
</div>
<!-- form -->

Answer 1

尝试

$('#contact_name').on('input', function() {
    var input = $(this);
    var is_name = input.val();
    if (!is_name) {
        $('#contact_name').parent().removeClass("has-success").addClass('has-error');
    } else {
        $('#contact_name').parent().removeClass("has-error").addClass('has-success');
    }
});

我认为“has-error”和“has-success”类并不直接应用于输入，而是应用于输入所在的div