PHP Form처리
Form 처리
HTML form 요소가 전송한 데이터를 처리하기 위해서는 PHP와 같은 서버 사이드 스크립트 언어를 사용
<form 요소를 이용하여 사용자로부터 이름과 이메일을 입력받는 예제>
<html>
<body>
<form action="request.php" method="post">
이름:<input type="text" name="name"><br>
이메일:<input type="text" name="email"><br>
<input type="submit">
</form>
</body>
</html>
from 요소의 action 속성값에는 form 요소를 처리할 서버의 PHP 스크립트 파일 주소를 명시
전송 버튼을 누르면 PHP 스크립트로 form 요소를 통해 입력된 이름과 이메일 주소의 데이터가 전송
<form 요소에서 전송한 데이터를 처리하는 PHP 스크립트 예제>
$name = $_POST["name"];
$email = $_POST["email"];
echo $name."님의 이메일 주소는".$email."입니다.";
HTTP요청 방식
1. GET 방식
2. POST 방식
두 방식 모두 FORM 요소를 통해 입력받은 데이터를 연관 배열에 담아 전송
배열의 키값은 input 요소의 name 속성값, 값은 사용자가 입력한 데이터
미리 선언된 전역 변수인 슈퍼 글로벌 배열($_GET, $_POST)을 사용하므로. 어디에서든 제약 없이 접근 가능
GET 방식 과 POST 방식
FORM 검증
HTML form 요소는 텍스트 입력, 체크박스, 라디오 버튼 등 다양한 input 요소 포함
이러한 input 요소별로 사용자가 입력한 데이터가 적합한 데이터인지를 검사하는 검증 규칙을 설정할 수 있음
See the Pen Untitled by byeolyoon (@byeolyoon) on CodePen.
htmlspecialchars()함수를 사용함으로써 입력 문자열에 안 좋은 의도로 HTML코드를 삽입하는 것을 막을 수 있음
위의 PHP 코드를 action값 속성으로 사용하면,
해당 form 요소로 입력받은 데이터를 다른 페이지로 전송하지 않고, 현재 페이지로 보내지게 됨
<사용자가 form요소를 통해 입력한 데이터를 해당 페이지 자체에서 처리하는 예제>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>PHP Form Validation</title>
</head>
<body>
<?php
$nameMsg = $emailMsg = $genderMsg = $websiteMsg = $favtopicMsg = $commentMsg = "";
$name = $email = $gender = $website = $favtopic = $comment = "";
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$name = $_POST["name"];
$gender = $_POST["gender"];
$email = $_POST["email"];
$website = $_POST["website"];
$favtopic = $_POST["favtopic"];
$comment = $_POST["comment"];
}
?>
<h2>회원 가입 양식</h2>
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?">
이름 :
<input type="text" name="name">
<br><br>
성별 :
<input type="radio" name="gender" value="female">여자
<input type="radio" name="gender" value="male">남자
<br><br>
이메일 :
<input type="text" name="email">
<br><br>
홈페이지 :
<input type="text" name="website">
<br><br>
관심 있는 분야 :
<input type="checkbox" name="favtopic[]" value="movie">영화
<input type="checkbox" name="favtopic[]" value="music">음악
<input type="checkbox" name="favtopic[]" value="game">게임
<input type="checkbox" name="favtopic[]" value="coding">코딩
<br><br>
기타:<textearea name="comment"></textarea>
<br><br>
<input type="submit" value="전송">
</form>
</body>
</html>
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$name = $_POST["name"];
$gender = $_POST["gender"];
$email = $_POST["email"];
$website = $_POST["website"];
$favtopic = $_POST["favtopic"];
$comment = $_POST["comment"];
}
$_SERVER["REQUEST_METHOD"]는 페이지에 접근하기 위해 사용된 HTTP 요청 방식을 반환
따라서 위의 예제는 POST 방식의 HTTP 요청에서만 동작한다.
echo "<h2>입력된 회원 정보</h2>";
echo "이름 : ".$name."<br>";
echo "성별 : ".$gender."<br>";
echo "이메일 : ".$email."<br>";
echo "홈페이지 : ".$website."<br>";
echo "관심 있는 분야 : ";
if (!empty($favtopic)) {
foreach ($favtopic as $value) {
echo $value." ";
}
}
echo "<br>기타 : ".$comment; ?>
관심있는 분야는 HTML 체크 박스를 통해 여러 입력을 동시에 전달받음
따라서 변수 $favtopic은 배열을 사용하여 입력된 값을 보여준다.!
BUT, 사용자가 체크 박스를 하나도 선택하지 않은 상태에서 입력을 전송하게 되면, 배열을 사용한 코드에서는 오류가 발생
위와 같이 empty() 함수를 먼저 사용하여 입력된 값이 하나라도 있는지 검사한 후 코드 실행
Form 필수 입력 검증
필수 입력 검증이란 사용자가 반드시 입력해야 하는 필수 input 요소에 데이터가 모두 입력되었는지를 검증하는 것
if($_SERVER["REQUEST_METHOD"] == "POST"){
//이름에 대한 필수 입력 검증
if(empty($_POST["name"])){
$nameMsg = "이름을 입력해 주세요!";
}else{
$name = $_POST["name"];
}
}
//성별에 대한 필수 입력 검증
if(!isset($_POST["gender"]) || $_POST["gender"] == false) {
$genderMsg = "성별을 선택해 주세요!";
}else{
$gender = $_POST["gender"];
}
$email = $_POST["email];
$website = $_POST["website"];
//관심 있는 분야에 대한 필수 입력 검증
if(empty($_POST["favtopic"])){
$favtopicMsg = "하나 이상 골라주세요!";
} else {
$favtopic = $_POST["favtopic"];
}
$comment = $_POST["comment"]
서버로 전달된 입력 데이터를 empty() 함수나 isset()함수로 검사하여 필수 입력에 해당하는 데이터가 비어있다면
메세지를 출력
