0

RubyOnRailsとjQuery検証プラグインを使用しています。すべてのエラーが同じように見えるようにスタイルを設定したいと思います。

エラーのコードは次のとおりです。

 <% if @website.errors.any? %>//for server errors
  <div class="error_explanation">
  <ul>
    <% @website.errors.full_messages.each do |msg| %>
      <li><%= msg %></li>
    <% end %>
  </ul>  
 </div>
<% end %>
 <div id="messageBox1"> //for client side errors
  <ul></ul> 
</div>

すべてを1つのフォームにラップしようとしましたが、これを行う場合：

    <div class="error_background">
      if ...server side ...
      end
     ... client site ...
    </div>

CSS：

.error_background{
padding: 20px 0 20px 20px;
width: 285px;
background: rgb(252, 248, 227) ;
border-radius: 5px;
 }

ただし、サーバー側のエラーがない場合は背景が表示されます。

どうすればこれを正しく行うことができますか？

4

1 に答える 1

0

それらを同じに見せたい場合は、次のように CSS でカンマを使用して両方のスタイルを作成するだけです。

.error_explanation, #messageBox1 {}

また、エラーがある場合にのみそれらを dom に挿入するか、背景をそれらの内側に配置する必要があります

.error_explanation, #messageBox1 ul {
    padding: 20px 0 20px 20px;
    width: 285px;
    background: rgb(252, 248, 227) ;
    border-radius: 5px;
}
于 2012-10-09T10:20:12.280 に答える