<!DOCTYPE HTML>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>전체 사원 월급여 총 지급액 및 월 평균 급여</title>
<SCRIPT type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js"></script>
<SCRIPT type="text/javascript">
<!--
$(document).ready(function() {
$("#area").append("<tr><td><INPUT type='text' name='employee'></td><td><INPUT type='text' name='pay'></td></tr>")
$("#add").click(function(){
$("#area").append("<tr><td><INPUT type='text' name='employee'></td><td><INPUT type='text' name='pay'></td></tr>")
// ("<tr><td><INPUT type='text' name='employee'></td><td><INPUT type='text' name='pay'></td><tr>").appendTo("#area")
});
$("#del").click(function(){
if($("#area tr").size()<=2){
}else{
$("#area tr:last-child").remove()
}
});
$("#calsend").click(function(){
var result="ok";
if ($("input[name*=name]").val().trim()==""){
alert("입력된 이름이 없습니다.");
$("input[name*=name]").focus();
result="no";
return false;
}
$("input[name*=employee]").each(function(index,eltag){
if($(this).val()==""){
alert("emp입력된 이름이 없습니다.");
$(eltag).focus();
result="no";
return false;
}
});
$("input[name*=pay]").each(function(index,eltag){
if(($(this).val()=="") || isNaN($(this).val())){
alert("pay 입력된 이름이 없거나 잘못 되었습니다.");
$(eltag).focus();
result="no";
return false;
}
});
// return result;
if (result=="ok"){
$("#calc_form").submit();
}
});
});
//-->
</SCRIPT>
</head>
<body bgcolor="white" >
<form name="calc_form" id="calc_form" action="output.jsp" method="post">
<table width="200" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>
<p>전체 사원 월급여 총 지급액 및 월 평균 급여</p>
<p>이름:<input type="text" name="name" id="name"></p>
<p><직원과 월급여></p>
<p><input type="button" name="add" value="추가" id="add" onClick=""><input type="button" name="del" value="삭제" id="del" onClick=""><input type="button" name="calsend" id="calsend" value="계산"></p>
<table width="569" border="1" cellpadding="0" cellspacing="0" id="area">
<tr>
<td width="276">직원이름</td>
<td width="276">월급여</td>
</tr>
</table>
</td>
</tr>
</table>
<p> </p>
</form>
</body>
</html>
output_form.html
