Press "Enter" to skip to content

Simple and Easy Bootstrap 4 Confirm Popup Dialog | BootConfirm.js

Bootstrap Confirm Popup is a small and easy-to-use jQuery plugin that creates a Bootstrap based emphasis on media to safely confirm user actions like submitting a form, deleting an element, etc.

How to make use of it:

1. Load the BootConfirm.js script within the HTML web page. Make certain that you’ve got loaded the most recent jQuery library and Bootstrap framework within the doc.

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

2. Attach the confirm modal to a motion button.

<button class="simple">
  Delete
</button>

3. Customize the confirmation message.

$(".simple").BootConfirm({
  message: 'Are you sure to delete this item?'
});

4. Perform a motion whenever you click on the OK button.

$(".simple").BootConfirm({
  complete: function(){
    alert('Confirmed')
  }
});

5. Attach the confirm modal to a kind submit button and validate the shape utilizing the jQuery Validation plugin.

<form action="#">
  <label for="email">Email address:</label>
  <input type="email" id="email" />
  <label for="pwd">Password:</label>
  <input type="password" id="pwd" />
  <button type="submit">Submit</button>
</form>

Easy Confirm Dialog With Bootstrap, Bootstrap Confirm Popup Plugin/Github


See Demo And Download

Official Website(jqueryscript): Click Here

This superior jQuery/javascript plugin is developed by jqueryscript. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.