※全角は1文字、半角は0.5文字としてカウントされます。
<script type="text/javascript">
<!--
//文字数の設定
var stopCount = 20;

function strLength(str){
var matches = str.match(/[\u0020-\u007E\uFF61-\uFF9F]/g) || [];
return str.length - matches.length / 2;
}


function showLength( str,name ) {
	var strCount = Math.ceil(strLength(str)).toString();
	if(strCount > stopCount){
		document.getElementById(name + "Inner").innerHTML = '<em style="color:#ff0000;">' + strCount + ' / 20 Over!</em>';
	}else if(strCount == stopCount){
		document.getElementById(name + "Inner").innerHTML = '<em style="color:#ff0000;">' + strCount + ' / 20</em>';
	}else{
		document.getElementById(name + "Inner").innerHTML = strCount + " / 20";
	}
}


















// -->
</script>
<form id="textForm" name="textForm" method="post" action="">
	<p>
		<label> ★
		<input name="text1" id="text1" size="50" onkeyup="showLength(value,id);" type="text">
		</label>
		<span id="text1Inner">0 / 20</span>
	</p>
	<p>
		<label> ★
		<input name="text2" id="text2" size="50" onkeyup="showLength(value,id);" type="text">
		</label>
		<span id="text2Inner">0 / 20</span>
　　　　　　　　
	</p>
<p>
		<label> ★
		<input name="text3" id="text3" size="50" onkeyup="showLength(value,id);" type="text">
		</label>
		<span id="text3Inner">0 / 20</span>
　　　　　　　　
	</p>
<p>
		<label> ★
		<input name="text4" id="text4" size="50" onkeyup="showLength(value,id);" type="text">
		</label>
		<span id="text4Inner">0 / 20</span>
　　　　　　　　
	</p>
<p>
		<label> ★
		<input name="text5" id="text5" size="50" onkeyup="showLength(value,id);" type="text">
		</label>
		<span id="text5Inner">0 / 20</span>
　　　　　　　　
	</p>
</form>
<BR><BR><BR>