如何配置simple_form以显示验证状态

Question

我有简单的CSS：

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

- 在提交表格后字段有效时应显示✓

当字段无效时，下面的样式会覆盖上面的内容：

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

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

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

Answer 1

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

我动态添加缺少的span选择器：

$(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

现在看起来像：