웹마스터 팁
[동주아빠] PHP 게시판 - 글쓰기 입력폼(3) 입력값검사
2002.12.25 15:30
게시판에 글을 쓸 때 이름이나 제목, 내용 등이 공란일 때 다음과 같이 오류 메시지를 출력할 수 있는 입력 검사 기능을 추가해 봅시다.
입력 검사를 하기 위해 PHP 프로그래밍을 할 수도 있지만 일반적으로 자바스크립트를 이용해 간단한 입력 검사가 많이 사용됩니다.
앞서 실습한 write_test.php파일을 열어 다음과 같이 수정한 다음 write_test2.php파일로 저장해 두세요.
▶ 녹색으로 표시된 부분이 새롭게 추가된 부분이고
▶ 빨간색으로 표시된 부분이 기존 코드에서 수정된 부분입니다.
1 : <html>
2 : <head>
3 : <title>PHP 게시판 프로젝트 - 쓰기</title>
4 :
5 : <script language="javascript">
6 :
7 : function check_submit() {
8 :
9 : if (document.myForm.name.value == "") {
10 : alert('이름을 입력하세요');
11 : document.myForm.name.focus();
12 : return;
13 :
14 : } else if (document.myForm.password.value == "") {
15 : alert('비밀번호를 입력해야 글을 수정하거나 삭제할 수 있습니다.');
16 : document.myForm.password.focus();
17 : return;
18 :
19 : } else if (document.myForm.subject.value == "") {
20 : alert('제목을 입력하세요');
21 : document.myForm.subject.focus();
22 : return;
23 :
24 : } else if (document.myForm.memo.value == "") {
25 : alert('내용을 입력하세요');
26 : document.myForm.memo.focus();
27 : return;
28 :
29 : } else {
30 : document.myForm.action = "write_ok.php";
31 : document.myForm.submit();
32 : }
33 :
34 : }
35 :
36 :</script>
37 : </head>
38 :
39 : <form name='+ 'myForm' method='post'>
40 :
41 : 이름 : <input type='text' name='name' size=20 maxlength=20><br>
42 : 비밀번호 : <input type='password' name='password' size=20 maxlength=20><br>
43 : 전자우편 : <input type='text' name='email' size=50 maxlength=70><br>
44 : 홈페이지 : <input type='text' name='homepage' size=50 maxlength=70><br>
45 : 제목 : <input type='text' name='subject' size=50 maxlength=70><br>
46 : 내용 : <textarea name='memo' cols=50 rows=5 maxlength=500></textarea><br>
47 :
48 : <br>
49 : <input type='button' value='글쓰기' onclick='javascript:check_submit();'>
50 :
51 : </form>
52 :
53 :
입력 검사를 하기 위해 PHP 프로그래밍을 할 수도 있지만 일반적으로 자바스크립트를 이용해 간단한 입력 검사가 많이 사용됩니다.
앞서 실습한 write_test.php파일을 열어 다음과 같이 수정한 다음 write_test2.php파일로 저장해 두세요.
▶ 녹색으로 표시된 부분이 새롭게 추가된 부분이고
▶ 빨간색으로 표시된 부분이 기존 코드에서 수정된 부분입니다.
1 : <html>
2 : <head>
3 : <title>PHP 게시판 프로젝트 - 쓰기</title>
4 :
5 : <script language="javascript">
6 :
7 : function check_submit() {
8 :
9 : if (document.myForm.name.value == "") {
10 : alert('이름을 입력하세요');
11 : document.myForm.name.focus();
12 : return;
13 :
14 : } else if (document.myForm.password.value == "") {
15 : alert('비밀번호를 입력해야 글을 수정하거나 삭제할 수 있습니다.');
16 : document.myForm.password.focus();
17 : return;
18 :
19 : } else if (document.myForm.subject.value == "") {
20 : alert('제목을 입력하세요');
21 : document.myForm.subject.focus();
22 : return;
23 :
24 : } else if (document.myForm.memo.value == "") {
25 : alert('내용을 입력하세요');
26 : document.myForm.memo.focus();
27 : return;
28 :
29 : } else {
30 : document.myForm.action = "write_ok.php";
31 : document.myForm.submit();
32 : }
33 :
34 : }
35 :
36 :</script>
37 : </head>
38 :
39 : <form name='+ 'myForm' method='post'>
40 :
41 : 이름 : <input type='text' name='name' size=20 maxlength=20><br>
42 : 비밀번호 : <input type='password' name='password' size=20 maxlength=20><br>
43 : 전자우편 : <input type='text' name='email' size=50 maxlength=70><br>
44 : 홈페이지 : <input type='text' name='homepage' size=50 maxlength=70><br>
45 : 제목 : <input type='text' name='subject' size=50 maxlength=70><br>
46 : 내용 : <textarea name='memo' cols=50 rows=5 maxlength=500></textarea><br>
47 :
48 : <br>
49 : <input type='button' value='글쓰기' onclick='javascript:check_submit();'>
50 :
51 : </form>
52 :
53 :
다 입력하셨으면 write_test2.php를 실행한 다음 아무 것도 입력하지 않은 상태에서 '글쓰기' 버튼을 눌러 보세요. 
<input type='button' value='글쓰기' onclick='javascript:check_submit();'>
<input type='submit' value='글쓰기' onclick='javascript:check_submit();'>
이렇게 그냥 submit해야 되는것 아닌가요?