使用javascript强制显示bootstrap工具提示

时间:2016-03-29 19:12:05

标签: javascript jquery twitter-bootstrap

我一直在寻找各地,有没有办法强制显示工具提示,不使用事件,而是使用js代码,因为我们都知道数字输入和粘贴漏洞的缺陷。

<script type="text/javascript">
var previous;
//Buy Button JS code
$(function () {
    $("#searchform").bind('submit', function () {
        var str = $('#search-form').val();
        if (str.match(/^[0-9]*$/)) {
            //Great, continue executing the script.
        }
        else
        {
            //Force show a tooltip asking the user to numerically type the text.
        }
    });
});

3 个答案:

答案 0 :(得分:6)

要触发显示工具提示,您需要使用工具提示的'show'选项。这是一个例子。

$('#element').tooltip('show')

#element替换为您自己的选择器。

要使用Jquery本身添加标题,您可以执行此操作

$('#element').tooltip({title:"test title"})

答案 1 :(得分:3)

显示工具提示

$('#youtooltip').tooltip('show');

您的代码:

var previous;
//Buy Button JS code
$(function () {
    $("#searchform").bind('submit', function () {
        var str = $('#search-form').val();
        if (str.match(/^[0-9]*$/)) {
            //Great, continue executing the script.
        }
        else
        {
            $('#youtooltipid').tooltip('show');
            // or $('.youtooltipclass').tooltip('show');
        }
    });
})

答案 2 :(得分:1)

尝试$('[data-toggle =“tooltip”]')。tooltip()