/*
left-step1
right-step1
left-step2
right-step2
*/
user_login=document.getElementById("user_login").value;
user_email=document.getElementById("user_email").value;
cimy_uef_wp_6=document.getElementById("cimy_uef_wp_6").value;//姓
cimy_uef_wp_5=document.getElementById("cimy_uef_wp_5").value;//名
cimy_uef_wp_10=document.getElementById("cimy_uef_10").value;//電話番号
cimy_uef_wp_8=document.getElementById("cimy_uef_8").value;//生年月日
userFlg = 0;
emailFlg = 0;
function showStep(i){
	if(i==1){
		document.getElementById("left-step1").style.display = "none";
		document.getElementById("left-step2").style.display = "";
		document.getElementById("right-step1").style.display = "none";
		document.getElementById("right-step2").style.display = "";
		document.getElementById("hint").innerHTML = 'このステップは省略しても登録できますが、情報が充実しているほど優先的にお仕事情報をお届けしますので、ぜひ登録してください。';
	}else if(i==2){
		document.getElementById("left-step2").style.display = "none";
		document.getElementById("left-step1").style.display = "";
		document.getElementById("right-step2").style.display = "none";
		document.getElementById("right-step1").style.display = "";
		document.getElementById("hint").innerHTML = 'ＷＥＢ職人にいますぐ登録しましょう！<span style="color:red">※</span>は必須項目です。';
	}
}
function step1(){//[続いてスキルの登録（2 / 2）]
	/* フォームの値を変数に格納 */
	user_login=document.getElementById("user_login").value;
	user_email=document.getElementById("user_email").value;
	cimy_uef_wp_6=document.getElementById("cimy_uef_wp_6").value;//姓
	cimy_uef_wp_5=document.getElementById("cimy_uef_wp_5").value;//名
	cimy_uef_10=document.getElementById("cimy_uef_10").value;//電話番号
	cimy_uef_8=document.getElementById("cimy_uef_8").value;//生年月日
		
	/* メッセージ格納用変数とエラーチェックフラグ用変数を設定 */
	var msg = "";
	var flg = 0;
	/******************************/
	/* ユーザーログインをチェック */
	/******************************/
	if(user_login==""){//空白チェック
		msg = msg + "<span style='color:red;'>ユーザー名は必須項目です。</span><br />";
		flg++;
	}else{//半角英数チェック
		var str = user_login;
		var tmp = user_login.match(/[0-9a-zA-Z\+\-\/\*\,\. ]+/g);
		if (tmp!=str){
			msg = msg + "<span style='color:red;'>ユーザー名は半角アルファベットのみご使用いただけます。</span><br />";
			flg++;
		}
	}
	/******************************/
	/* メールアドレスをチェック */
	/******************************/
	/* @が含まれていて、最後が .(ドット)でないなら正しいとする */
	if(user_email==""){//空白チェック
		msg = msg + "<span style='color:red;'>メールアドレスは必須項目です。</span><br />";
		flg++;
	}else{
		var str = user_email;
		var Seiki=/[!#-9A-~]+@+[a-z0-9]+.+[^.]$/i;
        /* 入力された値がパターンにマッチするか調べる */
		if(!str.match(Seiki)){
			msg = msg + "<span style='color:red;'>メールアドレスが不正な形式です。</span><br />";
			flg++;
		}
	}
	/******************************/
	/* 姓をチェック */
	/******************************/
	if(cimy_uef_wp_6==""){//空白チェック;
		msg = msg + "<span style='color:red;'>姓は必須項目です。</span><br />";
		flg++;
	}else{
		var str = cimy_uef_wp_6;
		for (i=0; i<str.length; i++){
			var len = escape(str.charAt(i)).length;
		}
		if(len < 4){
			msg = msg + "<span style='color:red;'>姓は全角で入力してください。</span><br />";
			flg++;
		}
	}
	/******************************/
	/* 名をチェック */
	/******************************/
	if(cimy_uef_wp_5==""){//空白チェック;
		msg = msg + "<span style='color:red;'>名は必須項目です。</span><br />";
		flg++;
	}else{
		var str = cimy_uef_wp_5;
		for (i=0; i<str.length; i++){
			var len = escape(str.charAt(i)).length;
		}
		if(len < 4){
			msg = msg + "<span style='color:red;'>名は全角で入力してください。</span><br />";
			flg++;
		}
	}
	/**********************/
	/* 電話番号をチェック */
	/**********************/
	//alert(cimy_uef_10);
	if(cimy_uef_10==""){//空白チェック
		msg = msg + "<span style='color:red;'>電話番号は必須項目です。</span><br />";
		flg++;
	}else{
		var str = cimy_uef_10;
        /* 入力された値がパターンにマッチするか調べる */
		if(str.match(/[\D]/g)){
			msg = msg + "<span style='color:red;'>電話番号に半角数字以外が入力されています。</span><br />";
			flg++;
		}
	}

	/******************************/
	/* すべてＯＫなら次のページへ */
	/******************************/
	if(flg == 0){//エラーチェックで引っ掛からなかったら。
		showStep(1);
	}else{
		document.getElementById("hint").innerHTML = msg;//アラートメッセージを表示
	}
}
function backStep1(){
	showStep(2)
}

/***********************************************************************/
function singleShowStep(i){
	if(i==1){
		document.getElementById("step1").style.display = "none";
		document.getElementById("step2").style.display = "";
		document.getElementById("hint").innerHTML = 'このステップは省略しても登録できますが、情報が充実しているほど優先的にお仕事情報をお届けしますので、ぜひ登録してください。';
	}else if(i==2){
		document.getElementById("step2").style.display = "none";
		document.getElementById("step1").style.display = "";
		document.getElementById("hint").innerHTML = 'ＷＥＢ職人にいますぐ登録しましょう！<span style="color:red">※</span>は必須項目です。';
	}
}

function singleStep1(){
	//alert("OK");
	/* フォームの値を変数に格納 */
	user_login=document.getElementById("user_login").value;
	user_email=document.getElementById("user_email").value;
	cimy_uef_wp_6=document.getElementById("cimy_uef_wp_6").value;//姓
	cimy_uef_wp_5=document.getElementById("cimy_uef_wp_5").value;//名
	cimy_uef_10=document.getElementById("cimy_uef_10").value;//電話番号
	cimy_uef_8=document.getElementById("cimy_uef_8").value;//生年月日
		
	/* メッセージ格納用変数とエラーチェックフラグ用変数を設定 */
	var msg = "";
	var flg = 0;
	/******************************/
	/* ユーザーログインをチェック */
	/******************************/
	if(user_login==""){//空白チェック
		msg = msg + "ユーザー名は必須項目です。\n";
		flg++;
	}else{//半角英数チェック
		var str = user_login;
		var tmp = user_login.match(/[0-9a-zA-Z\+\-\/\*\,\. ]+/g);
		if (tmp!=str){
			msg = msg + "ユーザー名は半角アルファベットのみご使用いただけます。\n";
			flg++;
		}
	}
	/******************************/
	/* メールアドレスをチェック */
	/******************************/
	/* @が含まれていて、最後が .(ドット)でないなら正しいとする */
	if(user_email==""){//空白チェック
		msg = msg + "メールアドレスは必須項目です。\n";
		flg++;
	}else{
		var str = user_email;
		var Seiki=/[!#-9A-~]+@+[a-z0-9]+.+[^.]$/i;
        /* 入力された値がパターンにマッチするか調べる */
		if(!str.match(Seiki)){
			msg = msg + "メールアドレスが不正な形式です。\n";
			flg++;
		}
	}
	/******************************/
	/* 姓をチェック */
	/******************************/
	if(cimy_uef_wp_6==""){//空白チェック;
		msg = msg + "姓は必須項目です。\n";
		flg++;
	}else{
		var str = cimy_uef_wp_6;
		for (i=0; i<str.length; i++){
			var len = escape(str.charAt(i)).length;
			if(len < 4){
				msg = msg + "姓は全角で入力してください。\n";
				flg++;
			}
		}
	}
	/******************************/
	/* 名をチェック */
	/******************************/
	if(cimy_uef_wp_5==""){//空白チェック;
		msg = msg + "名は必須項目です。\n";
		flg++;
	}else{
		var str = cimy_uef_wp_5;
		for (i=0; i<str.length; i++){
			var len = escape(str.charAt(i)).length;
			if(len < 4){
				msg = msg + "名は全角で入力してください。\n";
				flg++;
			}
		}
	}
	/**********************/
	/* 電話番号をチェック */
	/**********************/
	if(cimy_uef_10==""){//空白チェック
		msg = msg + "電話番号は必須項目です。\n";
		flg++;
	}else{
		var str = cimy_uef_10;
        /* 入力された値がパターンにマッチするか調べる */
		if(str.match(/[\D]/g)){
			msg = msg + "電話番号に半角数字以外が入力されています。\n";
			flg++;
		}
	}

	/******************************/
	/* すべてＯＫなら次のページへ */
	/******************************/
	if(flg == 0){//エラーチェックで引っ掛からなかったら。
		singleShowStep(1);
	}else{
		alert(msg);//アラートメッセージを表示
	}
}
function singleBackStep1(){
	singleShowStep(2)
}