Rails ERB 文本/密码字段工具提示焦点

Question

我有一个密码重置表单，用户必须在其中输入密码和密码确认字段。

<div class="field">
  <%= f.password_field :password_confirmation,
      required: true,
      placeholder: 'Password Confirmation',
      class: 'ctrl',
      title: "should match password" %>
</div>

我知道这是一个文本字段，我不能使用“rel”属性。

如果我尝试显示它：

$(function(){
  $("[rel='nofollow']").tooltip();
});

并在字段上添加这些属性：

:data => {:toggle=>"tooltip"},
'data-original-title' => "should match password",
'data-placement' => 'right',
rel: 'nofollow'

它只会以丑陋的方式显示标题，而不是作为工具提示。

如何在焦点上显示字段的标题？

Answer 1

您可以在初始化时将工具提示的触发属性设置为focus，如下所示：

  $('.text-tooltip').tooltip({
    trigger: 'focus'
  });

将text-tooltip 类添加到输入，它应该触发焦点，拾取元素的title 属性作为工具提示文本。