// JavaScript Document
/* 記錄資料正確性 */
var CheckArr = {'Account':'no','Password':'no','RePassword':'no','IdCard':'no','Email':'no','Tel':'no','Phone':'no','Address':'no','Name':'no'};
$(document).ready(
	function(){
		/* 在購買時註冊 才動作 */
		if($('#id_rm').length!=0){
			$('#id_rm').hide();
			$('#id_show_rm').click(
				function(){
					$('#id_rm').toggle();
				}
			);
		}
		/*註冊會員規範頁面跳出一視窗*/
		if($('#id_register').length!=0){
			alert('目前無名小站與Yahoo部落格未開放122廣告平台，因此無法使用122廣告平台販賣的功能，122正在與對方協調中，敬請見諒。');
		}
		
		if($('#id_location_city').length!=0){
			$('#id_location_village').empty();
			$('#id_location_village').append('<option value="select">請先選擇縣市</option>');
			$('#id_location_city').change(
				function(){
					ChangeLocation();
				}
			);
			$('#id_location_village').change(
				function(){
					if($('#id_location_village').val()!='select'){
						CheckArr['Address'] = 'yes';
					} else {
						CheckArr['Address'] = 'no';
					}
				}
			);
		}
		
		$('#id_member_account').blur(
			function(){
				CheckAccount();
			}
		);
		
		$('#id_member_password').keyup(
			function(){
				CheckPassword();
				CheckRePassword();
			}
		)
		.blur(
			function(){
				CheckPassword();
				CheckRePassword();
			}
		);
		
		$('#id_member_repassword').keyup(
			function(){
				CheckRePassword();
			}
		)
		.blur(
			function(){
				CheckRePassword();
			}
		);
		
		$('#id_member_idcard').blur(
			function(){
				CheckIDCard();
			}
		);
		
		$('#id_member_email').blur(
			function(){
				CheckEmail();
			}
		);
		
		$('#id_member_tel1').blur(
			function(){
				CheckTel();
			}
		);
		$('#id_member_tel2').blur(
			function(){
				CheckTel();
			}
		);
		$('#id_member_tel3').blur(
			function(){
				CheckTel();
			}
		);
		
		$('#id_member_phone').blur(
			function(){
				CheckPhone();
			}
		);
		
		$('#id_member_name').blur(
			function(){
				CheckName();
			}
		);
		
		$('#form').submit(
			function(){
				var Check = 'go';
				$.each(CheckArr,function(i,val){
					if(val=='no'){
						Check = 'no_submit';
					}
				});
				if(Check == 'no_submit'){
					$('#id_reg_say').html('以上資料都要填寫正確才能註冊喔!');
					return false;
				} else {
					$('#id_reg_say').html('註冊中...');
					$('#id_submit').attr('disabled','disabled');
					$('#id_reset').attr('disabled','disabled');
					return true;
				}
			}
		);
		/* 在購買頁面註冊時 檢查 */
		$('#id_form_join').submit(
			function (){
				var Check = 'go';
				$.each(CheckArr,function(i,val){
					if(val=='no'){
						Check = 'no_submit';
					}
				});
				if(Check == 'no_submit'){
					$('#id_reg_say').html('以上資料都要填寫正確才能註冊喔!');
					return false;
				} else {
					$('#id_reg_say').html('註冊中...');
					$('#id_submit').attr('disabled','disabled');
					return true;
				}
			}
		);
		
		$('#id_reset').click(
			function(){
				CheckArr = {'Account':'no','Password':'no','RePassword':'no','IdCard':'no','Email':'no','Tel':'no','Phone':'no','Address':'no','Name':'no'};
				$('#form span').html('');
			}
		);
	}
);
/*
*	檢查帳號
*	@需要3-15字內 英文或數字組合
*	@不能重複
*/
function CheckAccount(){
	var Account = $.trim($('#id_member_account').val());
	
	if(Account.length < 3 || Account.length > 15){
		$('#saccount').attr('style','color:red').html('請輸入3-15字內');
		CheckArr['Account'] = 'no';
	} else if(!checkchar(Account)){
		$('#saccount').attr('style','color:red').html('請輸入英文或數字');
		CheckArr['Account'] = 'no';
	} else {
		$.ajax({
			beforeSend: function(){
				$('#saccount').attr('style','color:greed;font-weight:bolder').html('確認帳號有無重複...');
			},
			type: 'POST',
			cache: false,
			Async: true,
			url: '../web_javascript_php/regmember.php?regaction=checkaccount',
			data: 'member_account='+Account,
			dataType: 'json',
			error: function(){
				alert('Error');
			},
			success: function(e){
				switch(e.result){
					case "reaccount":
						$('#saccount').attr('style','color:red').html('帳號重複');
						CheckArr['Account'] = 'no';
					break;
					case "ok":
						$('#saccount').attr('style','color:greed;font-weight:bolder').html('OK');
						CheckArr['Account'] = 'yes';
					break;
				}
			}
		});
	}
}
/*
*	檢查密碼
*	3到15個字內 英文或數字的組合
*/
function CheckPassword(){
	var Password = $.trim($('#id_member_password').val());
	
	if(Password.length < 3 || Password.length > 15){
		$('#spassword').attr('style','color:red').html('請輸入3-15字內');
		CheckArr['Password'] = 'no';
	} else if(!checkchar(Password)){
		$('#spassword').attr('style','color:red').html('請輸入英文或數字');
		CheckArr['Password'] = 'no';
	} else {
		$('#spassword').attr('style','color:greed;font-weight:bolder').html('OK');
		CheckArr['Password'] = 'yes';
	}
}
/*
*	檢查確認密碼
*/
function CheckRePassword(){
	var Password = $.trim($('#id_member_password').val());
	var RePassword = $.trim($('#id_member_repassword').val());
	
	if(Password != RePassword){
		$('#srepassword').attr('style','color:red').html('確認密碼跟密碼不相同');
		CheckArr['RePassword'] = 'no';
	} else {
		$('#srepassword').attr('style','color:greed;font-weight:bolder').html('OK');
		CheckArr['RePassword'] = 'yes';
	}
}
/*
*	檢查身份證ID
*	@不可重複
*	@要符合身份證格式
*/
function CheckIDCard(){
	var ID = $.trim($('#id_member_idcard').val());
	var IdR = RegExp(/^[A-Z]{1}[1-2]{1}[0-9]{8}$/);
	
	ID = ID.toUpperCase();
	$('#id_member_idcard').val(ID);	
	
	if(!IdR.test(ID)){
		$('#sidcard').attr('style','color:red').html('身份證格式錯誤');
		CheckArr['IdCard'] = 'no';
	} else {
		$.ajax({
			beforeSend: function(){
				$('#sidcard').attr('style','color:greed;font-weight:bolder').html('確認身份證字號有無重複...');
			},
			type: 'POST',
			cache: false,
			Async: true,
			url: '../web_javascript_php/regmember.php?regaction=checkidcard',
			data: 'member_idcard='+ID,
			dataType: 'json',
			error: function(){
				alert('Error');
			},
			success: function(e){
				switch(e.result){
					case "reidcard":
						$('#sidcard').attr('style','color:red').html('身份證字號重複');
						CheckArr['IdCard'] = 'no';
					break;
					case "idcardcheckerror":
						$('#sidcard').attr('style','color:red').html('身份證字號驗證錯誤');
						CheckArr['IdCard'] = 'no';
					break;
					case "ok":
						$('#sidcard').attr('style','color:greed;font-weight:bolder').html('OK');
						CheckArr['IdCard'] = 'yes';
					break;
				}
			}
		});
	}
}
/*
*	檢查E-MAIL
*	@符合格式
*	@不重複
*/
function CheckEmail(){
	var Email = $.trim($('#id_member_email').val());
	
	if(!checkemail(Email)){
		$('#semail').attr('style','color:red').html('E-Mail格式錯誤');
		CheckArr['Email'] = 'no';
	} else {
		$.ajax({
			beforeSend: function(){
				$('#semail').attr('style','color:greed;').html('確認E-Mail有無重複...');
			},
			type: 'POST',
			cache: false,
			Async: true,
			url: '../web_javascript_php/regmember.php?regaction=checkemail',
			data: 'member_email='+Email,
			dataType: 'json',
			error: function(){
				alert('Error');
			},
			success: function(e){
				switch(e.result){
					case "reemail":
						$('#semail').attr('style','color:red').html('E-Mail重複');
						CheckArr['Email'] = 'no';
					break;
					case "ok":
						$('#semail').attr('style','color:greed;font-weight:bolder').html('OK');
						CheckArr['Email'] = 'yes';
					break;
				}
			}
		});
	}
}
/*
*	檢查姓名
*/
function CheckName(){
	var Name = $.trim($('#id_member_name').val());
	if(Name == ''){
		$('#sname').attr('style','color:red').html('請輸入姓名');
		CheckArr['Name'] = 'no';
	} else {
		$('#sname').attr('style','color:greed;font-weight:bolder').html('OK');
		CheckArr['Name'] = 'yes';
	}
}
/*
*	檢查聯絡電話
*/
function CheckTel(){
	var Tel1 = $.trim($('#id_member_tel1').val());
	var Tel2 = $.trim($('#id_member_tel2').val());
	var Tel3 = $.trim($('#id_member_tel3').val());
	
	if(!checknum(Tel1) || Tel1 == ''){
		$('#stel').attr('style','color:red').html('區碼請填數字');
		CheckArr['Tel'] = 'no';
	} else if(!checknum(Tel2) || Tel2 == ''){
		$('#stel').attr('style','color:red').html('電話請填數字');
		CheckArr['Tel'] = 'no';
	} else if(!checknum(Tel3) && Tel3 != ''){
		$('#stel').attr('style','color:red').html('分機請填數字');
		CheckArr['Tel'] = 'no';
	} else {
		$('#stel').attr('style','color:greed;font-weight:bolder').html('OK');
		CheckArr['Tel'] = 'yes';
	}
}
/*
*	檢查手機號碼
*/
function CheckPhone(){
	var Phone = $.trim($('#id_member_phone').val());
	
	if(!checknum(Phone) || Phone == ''){
		$('#sphone').attr('style','color:red').html('手機請填數字');
		CheckArr['Phone'] = 'no';
	} else {
		$('#sphone').attr('style','color:greed;font-weight:bolder').html('OK');
		CheckArr['Phone'] = 'yes';
	}
}
/*
*	改變地址選項
*/
function ChangeLocation(){
	var Id = $('#id_location_city').val();
	if(Id == 'select'){
		$('#id_location_village').empty();
		$('#id_location_village').append('<option value="select">請先選擇縣市</option>');
	} else {
		$.ajax({
			type: 'POST',
			cache: false,
			Async: true,
			url: '../web_javascript_php/regmember.php?regaction=locationselect',
			data: 'location_id='+Id,
			dataType: 'json',
			error: function(){
				alert('Error');
			},
			success: function(e){
				switch(e.result){
					case "error":
						alert('發生錯誤，請重新選擇縣市');
						CheckArr['Address'] = 'no';
					break;
					default:
						$('#id_location_village').empty();
						$('#id_location_village').append('<option value="select">請選擇地區</option>');
						$.each(e.result,function(i){
							var Option = '<option value="'+this.location_id+'">'+this.location_village+'</option>';
							$('#id_location_village').append(Option);
						});
						CheckArr['Address'] = 'no';
					break;
				}
			}
		});
	}
}