错误标题未显示在文本字段rails中

时间:2016-04-30 14:45:11

标签: ruby-on-rails ruby html5

<div class="form-group">
  <%= f.text_field :title, placeholder: "Title", class: "form-control",pattern: "[a-zA-Z\s]{1,}", title: "Enter only alphabets",:required=>true %>
 </div>

它只突出显示边框但不显示错误

enter image description here

1 个答案:

答案 0 :(得分:0)

请勿使用占位符代替标签。

  

提供标签以识别所有表单控件,包括文本字段,   复选框,单选按钮和下拉菜单。在大多数情况下,这是   通过使用元素完成。   https://www.w3.org/WAI/tutorials/forms/labels

以这种方式使用占位符的主要缺点是,一旦用户开始填写表单,就不再有任何视觉线索对于用户来说哪个字段是哪个。如果用户使用空字段发布表单并重新呈现,则尤其适用。对依赖辅助技术的人来说,这也是一个巨大的可访问性失败。

相反,您希望使用CSS在输入中插入标签tge。 There are quite a few ways to do this.。最简单的是:

fields: [f1, f2]
.row {
  position: relative;
}
.row > label {
  position: absolute;
  color: lightgray;
}