Simple Inline Confirm Button Plugin With jQuery And Bootstrap

File Size: 16.6 KB
Views Total: 2252
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Simple Inline Confirm Button Plugin With jQuery And Bootstrap

A jQuery / Bootstrap plugin that provides an inline confirmation on buttons to confirm some actions without having to mess with JS dialog.

How to use it:

1. Load the necessary jQuery library and Bootstrap framework in your html file.

<script src="/path/to/jquery.min.js"></script>
<link rel="stylesheet" href="/path/to/bootstrap.min.css">
<script src="/path/to/bootstrap.min.js"></script>

2. Load the Bootstrap Confirm Button plugin's script after jQuery.

<script src="bootstrap-confirm-button.src.js"></script>

3. Create a confirm button on the webpage.

<a class="btn btn-default btn-del">Delete An Item</a>

4. Call the function on the button, specify the custom confirmation message and custom action you want to perform.

$('.btn-del').btsConfirmButton("Delete this item Now!", function(e) {
  // do something

5. All default options.


    // confirmation message
    msg: "I'm sure!",

    // Classname for confirm button
    className: 'btn-danger',

    // timeout in ms
    timeout: 2000
  }, function(e) {
    // do something



  • v0.3.2


  • fix event after



  • JS update
  • Remove console log

This awesome jQuery plugin is developed by stefanocudini. For more Advanced Usages, please check the demo page or visit the official website.