// 離脱時の変更チェック
// ・エンターキーの無効化
// ・ダブルクリックの無効化
// ・バリデーションの適用
//
// ▼設置（バリデーションも適用）
//   <script type="text/javascript" src="validationClass.js"></script>
//   <script type="text/javascript" src="unloadCheckClass.js"></script>
//   <script>
//   $(function(){
//     validationObj = new validationClass();
//     unloadCheckObj = new unloadCheckClass( validationObj );
//   }
//   </script>
//
// ▽クラスの追加
//   変更チェック対象（内服される入力欄）     → <form class="-unloadCheck">  ※<form>タグでなくても良い
//   変更チェック除外（変更したことにしない） → <input type="checkbox" class="-unloadCheck-noChange">
//   遷移時に変更チェックをしない             → <button type="submit" name="entry" class="-unloadCheck-nocheck" value="1">登録</button>
//
// ▼ページ表示時点からchange状態にしたい場合
//   ※PHPでの入力チェックで再入力になった場合など
//   $(function(){
//     unloadCheckObj = new unloadCheckClass();
//     unloadCheckObj.change = true;
//   }
//
// ▼離脱時にJSで処理後にnocheckで遷移したい場合
//   function hoge() {
//     ・・・・
//     unloadCheckObj.nocheck();
//     $('form').submit();
//   }

function unloadCheckClass( validationObj ) {
	this.validationObj = validationObj;
	this.nocheckTerm = 30;
	this.nocheckTime = 0;
	this.novalidationTerm = 30;
	this.novalidationTime = 0;
	this.change = false;
	this.wClick = 0;
	
	var this_ = this;
	$('input:not([type=submit]),select').keypress(function(){ this_.blockEnter(); });
	$('.-unloadCheck-nocheck').mousedown(function(ele){ this_.nocheck(); }).mouseup(function(ele){ this_.nocheck(); });
	$('.-unloadCheck-novalidation').mousedown(function(ele){ this_.novalidation(); }).mouseup(function(ele){ this_.novalidation(); });
	$('.-unloadCheck input:not(.-unloadCheck-noChange), .-unloadCheck select:not(.-unloadCheck-noChange), .-unloadCheck textarea:not(.-unloadCheck-noChange)').change(function(){ this_.change = true; });
	$('.-unloadCheck').submit(function(ele){ return this_.submit(this); });
	$(window).on( 'beforeunload', ( function( this_ ) { return function() { return this_.action(); } } )( this ) );
}
unloadCheckClass.prototype.blockEnter = function( event ) {
	var event = event || window.event;
	var charCode = ( event.charCode )? event.charCode: ( ( event.which )? event.which: event.keyCode );
	if( Number( charCode ) == 13 || Number( charCode ) == 3 ) event.preventDefault();
}
unloadCheckClass.prototype.nocheck = function() {
	this.nocheckTime = $.now() + this.nocheckTerm;
}
unloadCheckClass.prototype.novalidation = function() {
	this.novalidationTime = $.now() + this.novalidationTerm;
}
unloadCheckClass.prototype.submit = function( ele ) {
	if( ++this.wClick > 1 ) {
		alert( '処理中です。しばらくお待ちください。' );
		return false;
	}
	
	var nocheckFlag = ( this.nocheckTime > $.now() );
	var novalidationFlag = ( this.novalidationTime > $.now() );

	validationState = ( !novalidationFlag && this.validationObj )? this.validationObj.check( ele ): false;
	if( validationState ) {
		event.preventDefault();
		alert( this.validationObj.getMessage() );
		this.validationObj.getEle( 0 ).focus();
		elePosition = ($(this.validationObj.getEle( 0 )).offset())['top'];
		position = $(window).scrollTop();
		if( elePosition && position && ( elePosition - position ) < 100 ) $(window).scrollTop( position - 100 );
		this.wClick = 0;
		return false;
	}

	if( nocheckFlag ) this.nocheck();
	if( novalidationFlag ) this.novalidation();
	setTimeout( ( function( this_ ) { return function() { this_.wClick = 0; } } )( this ), 1000 );
}
unloadCheckClass.prototype.action = function() {
	if( this.nocheckTime > $.now() ) {
		this.nocheckTime = 0;
	} else if( this.change ) {
		var message = "このページから移動してもよろしいですか？\n登録した内容が失われる可能性があります。";
		var event = event || window.event;
		return event.returnValue = message;
	}
}