Question

我正在使用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>

我试图将所有内容包装在一个表单中，但如果这样做：

    <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;
 }

但在没有服务器端错误的情况下会显示背景信息。

我该怎么做？

Answer 1

如果你希望它们看起来一样，那么你所要做的就是在你的css中使用逗号为它们制作一个阶梯：

.error_explanation, #messageBox1 {}

你应该只在你有错误时将它们插入到dom中，或者将你的背景放在它们内部

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

如何在一个表单上正确显示客户端错误和服务器端？

1 个答案: