表单验证 error 字段写起来是挺麻烦的事情,最后生成的 html 会像是:
<label>
<input>
<!-- 下面这个还是条件出现的 -->
<div class="field-error">...</div>
...
前人发明了各种各样的 form builder 和 helper 去简化这种页面结构的创建... 搞得页面很复杂而且前端不友好
但这种小问题用 css 就能简单搞定... 假设页面这么写
label data-error=@errors[field]
input
样式这么写
label[data-error]:after
content: attr(data-error)
color: red
data-error
属性的内容就会自动附加到后面。效果见 http://codepen.io/anon/pen/LCzGA
混合前端验证的话,直接改 data-error
属性就好了。
data-hint
等同理
你还用 simple_form?