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属性作为工具提示文本。