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

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

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

并在字段上添加以下属性：

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

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

---

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

您可以在初始化时将工具提示的触发器属性设置为

focus

，如下所示：

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

---

将

文本工具提示

类添加到输入中，它应该会在焦点时触发，将元素的

title

属性作为工具提示文本。

您是否考虑过将工具提示添加到包装输入字段的div中？@rsnorman15您能告诉我有关此方法的更多详细信息吗？Thanksit有效，标题在焦点上被触发，但它看起来很难看，我的意思是它被显示为文本，文本周围没有灰色/黑色气泡，就像链接/按钮一样。页面上是否包含完整的引导样式表？看看工具提示是否有效，并在链接或按钮上正确显示。有效，它被一些自定义css（不是我写的，而是hey）禁止。

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