开发者

Cakephp - Change validation errors div structure?

Is there any way of changing the validation error div structure? I want to insert an image just before the div.

Each error will be displayed inline with the input field, so I want to insert a left arrow image before the validation div.

Currently I am getting this:

<div class="input password required error">
<label for="StudentPassword1">Password</label>
<input type="password" name="data[Student][password1]" value="" id="StudentPassword1" class="form-error">
<div class="error-message">notempty</div>
</div>

I'd like:

<div class="input password required error">
<label for="StudentPassword1">Password</label>
<input type="password" name="data[Student][password1]" value="" id="StudentPassword1" class="form-error">
<img src='...' />
<div class="error-message">notempty</div>
</di开发者_Python百科v>

How would you accomplish this? I'm guessing that I have to modify the core? Thanks


I'm guessing that I have to modify the core?

No. If your app requires changing Cake's core you are likely doing something wrong. Cake has a lot going on and it takes care of a lot of things for you. This happens to be one of the things you can customize to your liking.

When you create your Forms with the FormHelper you can specify default options for input() and one of those options includes the HTML structure and class used to wrap error messages.


I would just modify the CSS of the error-message class to include the image.

.error-message {
    background:url( path/to/img.png ) no-repeat top left;
    padding-left:40px; /* or whatever you need for the image to fit */
}


<?php echo $this->Form->create('User', array('class'=>'form-horizontal', 
          'inputDefaults' => array('error' => array(
                'attributes' => array(
                     'wrap' => 'label', 'class' => 'text-error'
                 )
           ) )
)); ?>

This will make you customize the error output.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜