<script>
function cb_check_text(o, name, length)
{
	if(o.value=="")
	{
		alert(name+" 입력해주십시오");
		o.focus();
		return false;
	}

	if(length>0)
	{
		if(o.length>length) 
		{
			alert(name+" "+length+"자 아내로 입력해주십시오.");
			o.focus();
			return false;
		}
	}

	return true;
}

function length_check(io, co, max, nam) {
	if(io.value.length > max) {
		alert(nam + "의 길이는 "+max+"자 이내로 해주십시오");
		io.value = io.value.substr(0, max);
	}
	co.value = io.value.length;
}

function check_form(f) {
	if(!cb_check_text(f.title, "홈페이지 제목을", 20)) return false;
	if(!cb_check_text(f.desc, "홈페이지 설명을", 50)) return false;
	if(!cb_check_text(f.username, "등록자 이름을", 10)) return false;

	return true;
}
</script>
<form name="add" method="post" action="index.html" onsubmit="return check_form(this)">
제목 : <input tabindex=1 type=text name='title' maxlength=20 style='width:310px' onKeyUp="length_check(this.form.title,this.form.count_title,20,'제목')" value="fdsfdasfadsdfsfdsafddsfdasfdsa"> 
현재 [<input type="text" name="count_title" style="border:0;background-color:#F5F3EF; color=#008000" readonly size=2 value=0>]자를 입력하셨습니다. <br /><br />
설명 : <textarea tabindex=2 cols=40 rows=6 name='desc' style='width:310px' onKeyUp="length_check(this.form.desc,this.form.count_desc,50,'설명')"></textarea>
현재 [<input type="text" name="count_desc" style="border:0;background-color:#F5F3EF;color=#008000;" readonly size=2 value=0>]자를 입력하셨습니다.<br /><br />
이름 : <input tabindex=3 type=text name='username' maxlength=10 style='width:310px'><br />
<br />
<input type="image" src=btn.gif>
</form>