submit ボタンのクリック時の登録確認ダイアログに jQuery Alert Dialogs を使う

http://javascript.webcreativepark.net/library/jquery_alert_dialogs

confirm の場合はこんな感じ

$('input.entryBtn').click(function(){
    return confirm('本当に登録すんの？');
});

confirm() でOK/Cancelがクリックされるまで処理が中断されるが、JS な confirm の場合はそうもいかないので、こうする
Alert Dialogs のラッパー

$.fn.exJConfirm = function(message, title, preCallback, postCallback){
	var targets = $(this);
	var confirmOk = false;
	targets.click(function(){
		var ret;
		if (preCallback) {
			ret = preCallback();
			if (!(ret == undefined || ret)) {
				return false;
			}
		}
		var button = $(this);
		if (confirmOk || jConfirm(message, title,function(isOk){
			if (isOk) {
				var ret;
				if (postCallback) ret = postCallback();
				if (ret == undefined || ret) {
					confirmOk = true
					button.click();
				}
			}
		}));
		return confirmOk;
	});
}

実行

$('input.entryBtn').exJConfirm('ほんとに登録すんの？');

あと、ダイアログのボタンに自動フォーカスさせるにはこうする

$(['jAlert','jConfirm','jPrompt']).each(function(){
	var f = window[this];
	window[this] = function(){
		f.apply(f,arguments);
		var button = $('#popup_container input').wrap('<span class="ex-button"/>').eq(0)
		setTimeout(function(){
			button.focus();
		},100);
	}
});