﻿// ------------------------------------------------------------------------------
// 【目次】
// 		anspacer(str_id)						空白文字だけを入力した場合にエラー表示。
// 		normal_width_input(str_id)	半角数字でない時にエラー表示。
// 		disabled_check(str_id)			入力　可能・不可能モード。
// ------------------------------------------------------------------------------

// ------------------------------------------------------------------------------
// HTML側
// <input type="text" name="お名前" value="" id="onamae" onchange="anspacer('onamae')" />
// 	ポイント・・・idで指定。onchange="anspacer('id名')とする。
// ------------------------------------------------------------------------------

// ---------------------------------------------------------------
// 空白文字だけを入力した場合にエラー表示。
// ---------------------------------------------------------------
function anspacer(str_id) {
	// 初期設置
	var flag_space = 0;
	var flag_text = 0;
	var i = 0;
	
	// 郵便番号　上 ------------------------------------------------------------
	var num = document.getElementById(str_id).value.length;
	var str = document.getElementById(str_id).value;
	for(i = 0; i < num; i ++){
		if(str.charAt(i) == ' ' || str.charAt(i) == '　'){
			flag_space = 1;
		}else{
			// 空白以外が存在する場合
			flag_text = 1;
		}
	}
	// 空白だけしか記載されていない場合は抹消
	if(flag_space == 1 && flag_text == 0){
		alert("スペースしか記入されておりません。再度ご確認ください。");
		document.getElementById(str_id).value = '';
		document.getElementById(str_id).focus;
	}
}


// ---------------------------------------------------------------
// 半角数字でない時にエラー表示。
// ---------------------------------------------------------------
function normal_width_input(str_id) {
	c = document.getElementById(str_id).value;
	if(c.match(/[^0-9]/g)){
		document.getElementById(str_id).value = '';
		alert("半角数字で入力してください。");
	}
}






// ------------------------------------------------------------------------------
// disabled = true　の場合、入力POSTデータとしてすら飛びません。
// 
// HTML側
// 個人の場合はチェックを入れる
// <input type="checkbox" name="お客様分類" value="yes" id="kind" onclick="disabled_check('kind')" />
// 個人<input type="text" name="お名前" value="" id="person_name" />
// 法人<input type="text" name="お名前" value="" id="cliant_name" />
// 
// と記述しておくと、チェックが入った時とのみ、個人の方のテキストボックスが
// 記入可能になる。逆に不可視状態であれば、POSTデータすら飛ばない為、データ重複もなくなる。
// 注意：このケースの場合、初めから読み込ます必要がある為、<body onload="disabled_check('kind');">
//       と記述しておく必要がある。
// ------------------------------------------------------------------------------

// ---------------------------------------------------------------
// 入力　可能・不可能モード。
// ---------------------------------------------------------------
function disabled_check(str_id){
	if( document.getElementById(str_id).checked ){
		// チェックが入っている場合
		document.getElementById("person_name").disabled = false; // 可視
		document.getElementById("cliant_name").disabled = true; // 不可視
	}else{
		// チェックが入っていない場合
		document.getElementById("person_name").disabled = true; // 不可視
		document.getElementById("cliant_name").disabled = false; // 可視
	}
}
