//
// jQueryプラグイン formValidator
// フォーム項目値検査
// $('select,input').formValidator();
//
//$.fn.validator = function( arg ) {
(function($) {

// イベントオブジェクトを作る。イベント名と、パラメータを設定する。
new $.Event('validate');

$.fn.validator = function( arg ) {
	// プラグインオプション
	var opt = $.extend(true,{
		classOK:'validate-ok',			// 合格時に要素に付与されるクラス
		classError:'validate-error',	// エラー時に要素に付与されるクラス
		OK:function( element ){}			// 合格時に実行される関数
	}, arg);

	// 配列に特定の値が含まれるかどうか、複数の値のうち１つでも含まれていればtrueを返す
	function ArrayHasAnyOne( array ){
		if( Object.prototype.toString.call(array) === '[object Array]' ){
			for( var i=1; i<arguments.length; i++ ){
				for( var j=array.length; j--; ){
					if( array[j]===arguments[i] ) return true;
				}
			}
		}
		return false;
	}
	// 英数全角→半角
	function toHalf( x ){
		return x.replace(/[！-～]/g, function(s){
			return String.fromCharCode(s.charCodeAt(0) - 0xFEE0);
		});
	}
	var require_validation = function( x ){ return !( x===undefined || x===null || x==='' ); };

	// 個別validation関数
	var validators = $.extend(true,{
		require		:	require_validation,
		numeric		:	function( x ){ return /^[0-9]+$/.test(x); },
		alpha				:function( x ){ return /^[A-Za-z]+$/.test(x); },
		upperalpha			:function( x ){ return /^[A-Z]+$/.test(x); },
		alphanumeric		:function( x ){ return /^[A-Za-z0-9]+$/.test(x); },
		upperalphanumeric	:function( x ){ return /^[A-Z0-9]+$/.test(x); },
		upperalphanumericspace	:function( x ){ return /^[A-Z0-9 ]+$/.test(x); },
		character	:function( x ){ return !/^[_!\?#\$\+\-\*%&'"\(\)\[\]@]+$/.test(x); },
		date		:function( x ){
			if( moment(x,"YYYY/MM/DD").isValid() ) return true;
			if( moment(x,"YYYY-MM-DD").isValid() ) return true;
			if( moment(x,"YYYY.MM.DD").isValid() ) return true;
			if( moment(x,"YYYY年MM月DD日").isValid() ) return true;
			return false;
		},
		mail		:function( x ){ return /^([a-z0-9_]|\-|\.|\+)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,6}$/.test(x); }, // サーバー側とおなじチェック
		tel			:function( x ){ return /^\d+-?\d+-\d+$/.test(x); }, // サーバー側とおなじチェック
		telnum		:function( x ){ return /^\d{10,11}$/.test(x); }, // サーバー側とおなじチェック
		zipcode		:function( x ){ return /^\d{3}-\d{4}$/.test(x); },	// サーバー側とおなじチェック
		zipcodenum	:function( x ){ return /^\d{7}$/.test(x); }	// サーバー側とおなじチェック
	},arg);
	var setBalloon = function(my) {
		if(my.css('display') != 'none') {
			var label = my.prev('div');
			var offset = my.position();
			label.css({
				display: 'block',
				left: offset.left + 30,
				top: offset.top - 34
			});
		}
	};
	var unsetBalloon = function(my) {
		var label = my.prev('div');
		label.css({
			display: 'none'
		});
	};
	var balloon = function(my) {
		if(my.hasClass(opt.classError) ) {
			setBalloon(my);
		} else {
			unsetBalloon(my);
		}
	};
	var getTarget = function(my) {
		var obj = my;
		if(my.attr('type')=='radio' || my.attr('type')=='checkbox') {
			obj = $(my).parent('label');
		}
		if(my.attr('type')=='checkbox' && (obj == undefined || obj.length == 0)) {
			obj =  $(my).parents('div');
		}
		return obj;
	};
	var setError = function(my, errors) {
		var obj = getTarget(my);
		$(obj).addClass(opt.classError).removeClass(opt.classOK);
		var err_str = '';
		for(var i = errors.length; i--; ){
			if(err_str.length > 0) {
				err_str = ' ' + errors[i];
				continue;
			}
			err_str = errors[i];
		}
		$(my).data('errors', err_str);
		if(my.hasClass('no_error')) {
			$(obj).addClass(opt.classOK).removeClass(opt.classError);
			unsetBalloon(my);
		}
	};
	var unsetError = function(my) {
		var obj = getTarget(my);
		$(obj).addClass(opt.classOK).removeClass(opt.classError);
		$(my).data('errors', null);
		unsetBalloon(my);
	};

	var validation = function(my) {
		var i, func;
		var errorTypes = [];
		var types = my.data('validate');
		if(types == undefined || types.length == 0) {
			return false;
		}
		types = types.toLowerCase().split(/\s+/);
		// 要素タグ名別に
		switch( my[0].tagName.toLowerCase() ){
			case 'select':
				// validationクラス消去
				unsetError(my);
				// エラーチェック
				for( i=types.length; i--; ){
					func = validators[types[i]];
					if(types[i]!="require" && !require_validation(my.val())) {
						continue;
					}
					if(func && !func(my.val())) {
						errorTypes.push(types[i]);
					}
				}
				if(errorTypes.length > 0) {
					setError(my, errorTypes);
				} else {
					unsetError(my);
				}
				break;
			case 'input':
				var type = my.attr('type').toLowerCase();
				switch( type ){
					case 'text':
						// 英数全角→半角
						if( ArrayHasAnyOne(types,'numeric','alpha','alphanumeric','date','mail','tel','zipcode') ){
							my.val(toHalf( my.val().replace(/^\s+|\s+$/g,'')));
						}
						if( ArrayHasAnyOne(types,'upperalpha','upperalphanumeric') ){
							var tmp = toHalf( my.val().replace(/^\s+|\s+$/g,''));
							my.val(tmp.toUpperCase());
						}
						// エラーチェック
						for( i=types.length; i--; ){
							func = validators[types[i]];
							if(types[i]!="require" && !require_validation(my.val())) {
								continue;
							}
							if(func && !func(my.val())) {
								errorTypes.push(types[i]);
							}
						}
						if(errorTypes.length > 0) {
							setError(my, errorTypes);
						} else {
							unsetError(my);
						}
						break;
					case 'radio':
						// ラジオボタンはグループ先頭の<input>*ひとつだけ*にdata-validate属性をつける
						var convname = my.attr('name').replace(/\[/g,'\\[');
						convname = convname.replace(/\]/g,'\\]');
						//var checked = $("input[name=" + my.attr('name') + "]:checked");
						var checked = $("input[name=" + convname + "]:checked");
						var error = true;
						if ($.inArray('require', types) >= 0) {
							// チェックが付いているか確認
							if (checked.length > 0) {
								error = false;
							} else {
								errorTypes.push('require');
							}
						} else if ($.inArray('agreement', types) >= 0) {
							if (checked.length > 0 && checked.hasClass('agreement_ok')) {
								error = false;
							} else {
								errorTypes.push('agreement');
							}
						}
						if(error) {
							// 同じグループのradioボタンすべてについて
							//var $radios = $('input[type=radio][name='+ my.attr('name') +']');
							var $radios = $('input[type=radio][name='+ convname +']');
							// 対応する全<label>をエラーにして
							$radios.each(function(){
								setError($(this), errorTypes);
							});
						} else {
							// グループにつながるすべての<label>要素を変更する
							/*
							$("input[name=" + my.attr('name') + "]").each(function(){
								unsetError($(this));
							});
							*/
							$("input[name=" + convname + "]").each(function(){
								unsetError($(this));
							});
						}
						break;
					case 'checkbox':
						if( $.inArray('agreement',types)>=0 ){
							if( my.prop('checked') ){
								unsetError(my);
							}else{
								setError(my, ['agreement']);
							}
						}
						break;
					default:
				}
				break;
			default:
		}

		$.fn.validateStatus = function() {
			return getTarget($(this)).hasClass(opt.classOK);
		};
	};

	return $(this).find('select,input')
			.each(function(i, elem) {
				$(elem)
						.on('validate', function(e) {
							validation($(this));
						})
						.on('change focus blur', function (e) {
							validation($(this));
							if(e.type == 'focus') {
								balloon($(this));		//$(':focus')
							} else {
								unsetBalloon($(this));
							}
							if(e.type == 'change'){
								if( getTarget($(this)).hasClass(opt.classOK) ){
									opt.OK(this);
								}
							}
						})
						.trigger('validate');
			});
	};

	$.fn.requireChange = function(option) {
		var target = option['target'];
		var condition = option['condition'];
		var value = option['value'];
		$(this).find(condition).on('change', function(e) {
			var isRequire = $(this).val() == value;
			if($(this).prop('checked')) {
				$(target).each(function () {
					var data = $(this).data('validate');
					if (data != undefined && !$(this).hasClass(option['exclude_class'])) {
						if (isRequire) {
							if (data.indexOf('require') == -1) {
								$(this).data('validate', data + " require");
							}
							if (option['onEvent']) {
								option['onEvent']();
							}
						} else {
							if (data.indexOf('require') != -1) {
								$(this).data('validate', data.replace(/(| )require/g, ''));
							}
							if (option['offEvent']) {
								option['offEvent']();
							}
						}
					}
				});
				$(target).each(function () {
					$(this).trigger('validate');
				});
			}
		});
		return $(this);
	};
	$.fn.validationChange = function(option) {
		var target = option['target'];
		var condition = option['condition'];
		var value = option['value'];
		$(this).find(condition).on('change', function() {
			var isRequire = $(this).val() == value;
			$(target).each(function () {
				if (isRequire) {
					if ($(this).hasClass('no_error')) {
						$(this).removeClass('no_error');
					}
				} else {
					if (!$(this).hasClass('no_error')) {
						$(this).addClass('no_error');
					}
				}
			});
			$(target).each(function () {
				$(this).trigger('validate');
			});
		});
		return $(this);
	};
	$.fn.requireOnce = function() {
		return $(this).on('change', function() {
			var items = $(this).parents('td').find('input');
			var isError = false;
			var requireErrorCount = 0;
			$(items).each(function () {
				var tmp = $(this).data('errors');
				if (tmp != undefined && tmp != null) {
					if (tmp.replace(/(| )require/g, '').length > 0) {
						isError = true;
					}
					if (tmp.indexOf('require') != -1) {
						requireErrorCount++;
					}
				}
			});
			if (requireErrorCount == items.length) {
				isError = true;
			}
			$(items).each(function () {
				if (isError) {
					$(this).removeClass('no_error').trigger('validate');
				} else {
					$(this).addClass('no_error').trigger('validate');
				}
			});
		});
	};

}(jQuery));