<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>
它只突出显示边框但不显示错误
答案 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;
}