// JavaScript Document

window.onload = chkFirst;
var flgMail = false;
var flgPw1 = false;
var flgPw2 = false;

function chkFirst(){ chkMail(); chkPw();}
function chkMail(mode){
	var ml = document.getElementById("ml");
	var er = document.getElementById("ml_err");
	var mk = document.getElementById("ml_mark");
	flgMail = false;
	mk.innerHTML = "<br />";
	ml.style.backgroundColor = "#FFFFE0";
	er.style.color = "#008800";
	if(ml.value==""){
		if(mode==1){
			er.innerHTML = "メールアドレスを入力してください。";
			er.style.color = "#FF0000";
		}else{
			er.innerHTML = "お使いのメールアドレスを入力してください。";
		}
	}else if(!is_mail(ml.value)){
		if(mode==1){
			er.innerHTML = "形式が違うか、不正な文字が含まれています。";
		}else{
			er.innerHTML = "入力中...";
		}
		er.style.color = "#FF0000";
		mk.innerHTML = "<br />";
	}else{
		er.innerHTML = "OK";
		mk.innerHTML = "<IMG src='../../img/chk_green.jpg'>";
		flgMail = true;
	}
}
function chkPw(mode){
	var p1 = document.getElementById("pw");
	var p2 = document.getElementById("pw2");
	var e1 = document.getElementById("pw1_err");
	var e2 = document.getElementById("pw2_err");
	var k1 = document.getElementById("pw1_mark");
	var k2 = document.getElementById("pw2_mark");
	flgPw1 = false;
	flgPw2 = false;
	k1.innerHTML = "<br />";
	k2.innerHTML = "<br />";
	e1.innerHTML = "ログイン用のパスワードを決めてください。（4～20 文字）";
	e2.innerHTML = "確認用に同じパスワードを入力してください。";
	p1.style.backgroundColor = "#FFFFE0";
	p2.style.backgroundColor = "#FFFFE0";
	e1.style.color = "#008800";
	e2.style.color = "#008800";
	if(p1.value==""){
		if(mode==1){
			e1.innerHTML = "パスワードが入力されていません。";
			e1.style.color = "#FF0000";
		}
	}else if(p1.value.length<4){
		e1.innerHTML = "短すぎます。(4文字以上)";
		e1.style.color = "#FF0000";
	}else{
		e1.innerHTML = "OK";
		k1.innerHTML = "<IMG src='../../img/chk_green.jpg'>";
		flgPw1 = true;
	}
	
	if(p2.value==""){
		if(mode==1){ e2.style.color = "red";}
	}else if(p1.value != p2.value){
		e2.innerHTML = "一致しません。";
		e2.style.color = "red";
	}else{
		e2.innerHTML = "一致しました";
		k2.innerHTML = "<IMG src='../../img/chk_green.jpg'>";
		flgPw2 = true;
	}
	
}
function is_mail(str){
	if(str.match(/[^0-9a-zA-Z\-\.\_\@]/)) return false;
	return str.match(/^.+@.+\..+$/);
}
function send(){
	chkMail(1);
	chkPw(1);
	var ml = document.getElementById("ml");
	var p1 = document.getElementById("pw");
	var p2 = document.getElementById("pw2");
	if(!flgMail){ ml.style.backgroundColor = "#FFCCCC";}
	if(!flgPw1){  p1.style.backgroundColor = "#FFCCCC";}
	if(!flgPw2){  p2.style.backgroundColor = "#FFCCCC";}

	if(!flgMail){ ml.focus(); return;}
	if(!flgPw1){  p1.focus(); return;}
	if(!flgPw2){  p2.focus(); return;}
	document.registForm.submit();
}