Force show bootstrap tooltip using javascript

Question

I've been looking everywhere, is there any way to force show the tooltip, not using an event, but using a js code, because we all know the flaw of numerical input and the paste exploit.

<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.
        }
    });
});

Rajshekar Reddy · Accepted Answer · 2016-03-29 19:28:11Z

12

To trigger a tooltip to show up you need to use the 'show' option of the tooltip. Here is an example.

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

Replace #element with your own selector.

To add title using Jquery itself you can do this

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

edited Mar 29, 2016 at 19:28

answered Mar 29, 2016 at 19:19

Rajshekar Reddy

19.1k4 gold badges45 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Omarrrio Over a year ago

Thank you, you answered both questions :)

Imaginaerum · Accepted Answer · 2016-03-29 19:19:21Z

3

To show tooltip

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

Your code:

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');
        }
    });
})

answered Mar 29, 2016 at 19:19

Imaginaerum

7798 silver badges22 bronze badges

Comments

Federico Navarrete · Accepted Answer · 2020-03-28 10:17:38Z

1

try

$('[data-toggle="tooltip"]').tooltip()

edited Mar 28, 2020 at 10:17

Federico Navarrete

3,3045 gold badges52 silver badges87 bronze badges

answered Mar 29, 2016 at 19:15

Ronan Lopes

3,4004 gold badges31 silver badges52 bronze badges

Collectives™ on Stack Overflow

Force show bootstrap tooltip using javascript

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related