如果表单的必填字段未填写，则将输入框标记为红色

Question

我用的是Codeigniter我有一个表单，可以获取用户的信息。我想要做的是检查是否所有的必填字段都填满了，或者not.If任何一个必填字段没有填满，我想把输入框标记为红色。现在，我的代码只检查必填字段是否已填满。如果不是，它会说“字段是必填的”，但是如何标记输入框呢?我有点困惑，thing.Can，有人能帮我个小提示吗？谢谢。

我的窗体的视图：

                    <?php     

              $attributes = array('class' => '', 'id' => '');
            echo form_open('register', $attributes); ?>

                <p>
        <label for="name">Name <span class="required">*</span></label>
        <?php echo form_error('name'); ?>
        <br /><input id="name" type="text" name="name"       value="<?php   
                      echo   set_value('name'); ?>"  
</p>

              <p>
        <label for="username">Username <span class="required">*</span></label>
        <?php echo form_error('username'); ?>
        <br /><input id="username" type="text" name="username"  value="<?php echo set_value('username'); ?>"  
</p>

                 <p>
        <label for="password">Password <span class="required">*</span></label>
        <?php echo form_error('password'); ?>
        <br /><input id="password" type="password" name="password"  value="<?php echo set_value('password'); ?>"  
</p>

                    <p>
          <label for="email">Email <span class="required">*</span></label>
        <?php echo form_error('email'); ?>
        <br /><input id="email" type="text" name="email"                                                           value="<?php                                     echo                                    set_value('email'); ?>"  
</p>

                <p>
        <label for="phone">Phone</label>
        <?php echo form_error('phone'); ?>
        <br /><input id="phone" type="text" name="phone"  value="<?php echo                 set_value('phone'); ?>"  
</p>


            </p>  

              <p>
                   <input type="submit" value="Submit information"  class="formbutton"/>
                          </p>

                <?php echo form_close(); ?>

Answer 1

通常，我建议创建一个textInputError类，在其中调整输入样式，然后根据错误的存在来应用它。

class="<?php echo (form_error('username') ? 'textInputError' : '') ?>"

在输入元素中...

<input id="username" type="text" name="username"  value="<?php echo set_value('username'); ?>"  class="<?php echo (form_error('username') ? 'textInputError' : '') ?>">