// JavaScript Document

//初期処理
$(function(){
	//フォームボタンの表示
	$("#submitbtnarea").html("<input type=\"button\" onclick=\"submitform();\" value=\"確認する\" name=\"Submit\">　<input type=\"button\" onclick=\"resetform();\" value=\"リセット\" name=\"Submit\">");

});


//フォーム送信処理
function submitform(){
	
	var errflg=0;
	var errstr = new Array();
	var errhtml=0;
	
	//エラー表示の初期化
	$("#thnamae").removeClass("pink");
	$("#thtel").removeClass("pink");
	$("#thmail").removeClass("pink");
	$("#thhonbun").removeClass("pink");
	
	$("#namaechui").text("");
	$("#telchui").text("");
	$("#mailchui").text("");
	$("#honbunchui").text("");	

	
	//チェック
	var ret1 = $("input[@name=namae]").val();
	var ret2 = $("input[@name=mail]").val();
	var ret3 = $("textarea[@name=comment]").val();
	var ret4 = $("input[@name=tel]").val();




	if(!ret1){
		errstr.push('ご氏名をご入力ください。');
		$("#namaechui").text("ご氏名をご入力ください。");
		$("#thnamae").addClass("pink");
		errflg =1;
	}
	if(!ret2){
		errstr.push('メールアドレスをご入力ください。');
		$("#mailchui").text("メールアドレスをご入力ください。");
		$("#thmail").addClass("pink");
		errflg =1;
	}else{
	
	var tmp = ret2.match(/[0-9a-zA-Z\@\-\_\,\. ]+/g);
	if (tmp != ret2){
		$("#mailchui").text("全角文字、特殊記号は使わないでください。");
		$("#thmail").addClass("pink");
		errflg =1;
	}
	
	var ml = /.+@.+\..+/; // チェック方式
	if(!ret2.match(ml)) {
		$("#mailchui").text("正しいメールアドレスをご入力ください。");
		$("#thmail").addClass("pink");
		errflg =1;
	}
	}
	
	if(!ret3){
		errstr.push('お問い合せ内容をご入力ください。');
		$("#honbunchui").text("お問い合せ内容をご入力ください。");
		$("#thhonbun").addClass("pink");
		errflg =1;
	}
	if(!ret4){
		errstr.push('電話番号をご入力ください。');
		$("#telchui").text("電話番号をご入力ください。");
		$("#thtel").addClass("pink");
		errflg =1;
	}	
	//送信
	if (errflg){
		alert("ご入力の内容に問題があります。");
		return false;
	}else{

		alert("ご入力の内容に間違いが無いか、ご確認ください。");
	
		//問題なしの場合
		//入力画面の非表示
		$("input").hide();
		$("textarea").hide();
		
		//確認表示
		$("input[@name=namae]").after("<span class=\"kakunin\">"+ret1+"</span>");
		$("input[@name=mail]").after("<span class=\"kakunin\">"+ret2+"</span>");
		$("input[@name=kaisha]").after("<span class=\"kakunin\">"+$("input[@name=kaisha]").val()+"</span>");
		$("input[@name=tel]").after("<span class=\"kakunin\">"+$("input[@name=tel]").val()+"</span>");
		$("input[@name=fax]").after("<span class=\"kakunin\">"+$("input[@name=fax]").val()+"</span>");
		$("textarea[@name=comment]").after("<span class=\"kakunin\">"+$("textarea[@name=comment]").val()+"</span>");
		
		$("#submitbtnarea").html("<input type=\"button\" onclick=\"submitcgi();\" value=\"送信する\" name=\"Submit\">　<input type=\"button\" onclick=\"backform();\" value=\"修正する\" name=\"Submit\">");
	}

}

//送信処理

function submitcgi(){

	var ret1 = $("input[@name=namae]").val();
	var ret2 = $("input[@name=mail]").val();
	var ret3 = $("textarea[@name=comment]").val();

	//送信処理
	$.post("./inq.cgi",{
		namae : $("input[@name=namae]").val(),
		mail : $("input[@name=mail]").val(),
		kaisha : $("input[@name=kaisha]").val(),
		comment : $("textarea[@name=comment]").val(),
		tel : $("input[@name=tel]").val(),
		fax : $("input[@name=fax]").val()
	},
	function(data) {
		if (data=="ok"){
			alert("送信が完了しました")
			$("#form").html("<h5>お問い合せいただき、ありがとうございます。</h5><p>ご入力いただいた内容を、担当者にメール送信いたしました。</p>");
		}else{
			alert("システムに問題が発生しています。\nしばらく経ってから再度お試し下さい。")
		}
	});
	
	//$("#form").submit();
}

//修正でもどる
function backform(){
	//ボタンの差し替え
	$("#submitbtnarea").html("<input type=\"button\" onclick=\"submitform();\" value=\"確認する\" name=\"Submit\">　<input type=\"button\" onclick=\"resetform();\" value=\"リセット\" name=\"Submit\">");
	
	//フォームの再表示
	$("input").show();
	$("textarea").show();
	
	//確認表示の消去
	$("span[@class=kakunin]").remove();


}

//フォームクリア処理
function resetform(){

	$("#thnamae").removeClass("pink");
	$("#thtel").removeClass("pink");
	$("#thmail").removeClass("pink");
	$("#thhonbun").removeClass("pink");
	
	$("#namaechui").text("");
	$("#telchui").text("");
	$("#mailchui").text("お間違い無い様ご注意ください");
	$("#honbunchui").text("");


	//各テキストボックスを空に
	$("input[@type=text]").val("");
	$("textarea").html("");
}