728x90
반응형
//게시글 입력 폼을 만든다.
//성명을 빈칸으로 두고 저장을 누르면 성명을 입력하라고 한 뒤 성명칸에 입력받는 상태로 만든다. (focus())
+길이제한 조건을 줄 수 있음
//제목을 빈칸으로 두고 저장을 누르면 성명을 입력하라고 한 뒤 성명칸에 입력받는 상태로 만든다.
//게시글 제목을 출력하는 창을 띄우고, 확인을 누르면 폼의 내용을 모두 지운다.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h2>인터넷활용 Q&A</h2>
<form name="frm2">
<table>
<tr>
<th>성명
<td><input type="text" name="name">
<tr>
<th>제목
<td><input type="text" name="title">
<tr>
<th>내용
<td><textarea cols="30" rows="10" name="nae"></textarea>
<tr>
<th colspan="2"><a href="JavaScript:check();">저장</a>
</table></form>
<script>
function check()
{
if(frm2.name.length<2 || frm2.name.value=="")
{
alert("성명을 두 글자 이상 입력하세요");
frm2.name.focus();
}
else if(frm2.title.value=="")
{
alert("제목을 입력하세요");
frm2.title.focus();
}
else if(frm2.nae.value=="")
{
alert("내용을 입력하세요");
frm2.nae.focus();
}
else
{
alert("["+frm2.title.value+"] 제목의 글이\n입력되었습니다.");
frm2.reset(); //폼 전체 내용 삭제(초기화)
frm2.name.focus();
}
}
</script>
</body>
</html>
728x90
반응형