如何配置simple_form显示验证状态

Question

我有简单的CSS：

form.submitted span::after { content: ' ✓'; } 

- 应该显示✓当现场提交表单

风格之下越过了上面后是有效的，当字段无效：

form.submitted span.error::after { content: ' ⨉'; } 

问题是，当表单字段有效时，不会生成.span或任何其他选择器的简单表单。

如何实现在这种情况下，这个功能？

Answer 1

好吧，我找到了一些解决方案：

我添加动态失踪跨度选择：

$(document).ready -> 
    $("form.submitted div.input").each -> 
    if $(this).find("span.error").length is 0 
     row_str = "<span class=\"valid\"></span>" 
     $(this).append row_str 

现在的样子：