聚焦Input时禁用Tooltip问题求助（jQuery+Bootstrap环境）

方法一：禁用浏览器原生表单验证提示 #

你的输入框带有required属性，浏览器会在聚焦或提交时弹出原生验证提示（视觉上类似Tooltip）。可以通过以下方式禁用：

• 给输入框所在的<form>标签添加novalidate属性：

<form novalidate>
  <input type="text" class="form-control" id="datepickerFrom" placeholder=" " name="From" onchange="errorCheck()" required>
</form>

• 或者用JavaScript动态设置：

$(document).ready(function() {
  $('form').attr('novalidate', true);
});

方法二：销毁Bootstrap Tooltip实例 #

如果是Bootstrap的Tooltip组件被意外绑定到输入框上，可直接销毁对应实例：

$(document).ready(function() {
  // 销毁指定输入框的Tooltip
  $('#datepickerFrom').tooltip('dispose');
  
  // 若存在批量绑定情况，可全局阻止输入框的Tooltip触发
  $('input.form-control').off('focus mouseenter');
});

方法三：移除动态添加的title属性 #

部分场景下会通过JS给输入框动态添加title属性触发Tooltip，可直接移除并阻止后续触发：

$(document).ready(function() {
  $('#datepickerFrom').removeAttr('title');
  
  // 聚焦时再次确保移除title，防止动态生成
  $('#datepickerFrom').on('focus', function() {
    $(this).removeAttr('title');
  });
});

内容的提问来源于stack exchange，提问作者sri harsha