Alertify.js

<a id="demo-alert" class="btn btn-default" href="#">Alert Dialog</a>
<a id="demo-confirm" class="btn btn-default" href="#">Confirm Dialog</a>
<a id="demo-prompt" class="btn btn-default" href="#">Prompt Dialog</a>

$(document).ready(function(){
	// alert dialog
	$('#demo-alert').on('click', function(){
		alertify.alert("Message");
	});

	// confirm dialog
	$('#demo-confirm').on('click', function(){
		alertify.confirm("Message", function (e) {
		    if (e) {
		        // user clicked "ok"
		    } else {
		        // user clicked "cancel"
		    }
		});
	});
	
	// prompt dialog
	$('#demo-prompt').on('click', function(){
		alertify.prompt("Message", function (e, str) {
		    // str is the input text
		    if (e) {
		        // user clicked "ok"
		    } else {
		        // user clicked "cancel"
		    }
		}, "Default Value");
	});
});