突出显示整行 div 红色,而错误,而不仅仅是输入字段 [PHP 代码点火器]



我有一个通过php发布的表单,如果我收到错误,它只会突出显示红色的输入字段。我想做的或知道是否有办法做的是突出显示包含选择字段和所有内容的整个div 字段,并显示整个div 有错误。这是我的 html 代码。

<div class="form-group">
    <div class="<?php if(form_error('fullname')!= null){echo ' has-error';} ?>">
        <label class="col-md-4 control-label">
            <?php echo lang("full_name"); ?>
        </label>
        <div class="col-md-8">
            <input type="text" name="fullname" class="form-control" value="<?php if (isset($userinfo['Fullname'])) {echo $userinfo['Fullname'];} ?>" placeholder="<?php echo lang(" fullname "); ?>">
        </div>
    </div>
</div>

现在它只突出显示输入字段,但我希望它突出显示整个div 表单组。

由于您使用的是引导程序,因此可以尝试此操作。请更改

<div class="form-group">

<div class="form-group alert alert-danger">

试试这个。

<div class="form-group <?php if(form_error('fullname')!= null){echo ' bg-danger';} ?>">
    <div class="<?php if(form_error('fullname')!= null){echo ' has-error';} ?>">
        <label class="col-md-4 control-label">
            <?php echo lang("full_name"); ?>
        </label>
        <div class="col-md-8">
            <input type="text" name="fullname" class="form-control" value="<?php if (isset($userinfo['Fullname'])) {echo $userinfo['Fullname'];} ?>" placeholder="<?php echo lang(" fullname "); ?>">
        </div>
    </div>
</div>

我所做的是使用,.bg-danger,基于您必须应用has-error类的相同条件的引导上下文类之一。

最新更新