PHPで動的に生成されたフォームデータを効率的に処理する方法

<?php
$show_extra_field = isset($_POST['add_more']) && $_POST['add_more'] === 'yes';

echo '<form method="post" action="process.php">';
echo '<label for="name">名前:</label>';
echo '<input type="text" id="name" name="name" required>';

if ($show_extra_field) {
    echo '<label for="extra">追加情報:</label>';
    echo '<input type="text" id="extra" name="extra">';
}

echo '<input type="submit" value="送信">';
echo '</form>';
?>

<?php
$num_of_fields = 3; // フィールド数の設定

echo '<form method="post" action="submit.php">';
for ($i = 1; $i <= $num_of_fields; $i++) {
    echo "<label for='item_$i'>商品名 $i:</label>";
    echo "<input type='text' id='item_$i' name='items[]' required>";
}
echo '<input type="submit" value="送信">';
echo '</form>';
?>

<form method="post" action="submit.php">
    <!-- フォームフィールド -->
    <input type="submit" value="送信">
</form>

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $name = isset($_POST['name']) ? $_POST['name'] : '';
    $extra = isset($_POST['extra']) ? $_POST['extra'] : '';

    echo "名前: " . htmlspecialchars($name) . "<br>";
    if (!empty($extra)) {
        echo "追加情報: " . htmlspecialchars($extra);
    }
}
?>

<form method="post" action="upload.php" enctype="multipart/form-data">
    <label for="file">ファイルを選択:</label>
    <input type="file" id="file" name="file">
    <input type="submit" value="アップロード">
</form>

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_FILES['file'])) {
    $upload_dir = 'uploads/';
    $upload_file = $upload_dir . basename($_FILES['file']['name']);

    if (move_uploaded_file($_FILES['file']['tmp_name'], $upload_file)) {
        echo "ファイルが正常にアップロードされました。";
    } else {
        echo "ファイルのアップロードに失敗しました。";
    }
}
?>

<?php
$errors = [];

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // 名前のバリデーション
    if (empty($_POST['name'])) {
        $errors[] = "名前は必須項目です。";
    }

    // メールアドレスのバリデーション
    if (!filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {
        $errors[] = "有効なメールアドレスを入力してください。";
    }

    // 数値のバリデーション
    if (!is_numeric($_POST['age'])) {
        $errors[] = "年齢は数値で入力してください。";
    }

    if (empty($errors)) {
        echo "全ての入力が正しいです。";
    } else {
        foreach ($errors as $error) {
            echo htmlspecialchars($error) . "<br>";
        }
    }
}
?>

<?php
$phone = $_POST['phone'];
if (!preg_match("/^\d{2,4}-\d{2,4}-\d{4}$/", $phone)) {
    echo "有効な電話番号を入力してください。（例: 03-1234-5678）";
} else {
    echo "電話番号が正しい形式です。";
}
?>

<?php
$errors = [];
$name = $email = '';

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // 名前のバリデーション
    $name = $_POST['name'];
    if (empty($name)) {
        $errors['name'] = "名前は必須項目です。";
    }

    // メールアドレスのバリデーション
    $email = $_POST['email'];
    if (empty($email) || !filter_var($email, FILTER_VALIDATE_EMAIL)) {
        $errors['email'] = "有効なメールアドレスを入力してください。";
    }

    // エラーがない場合、フォームの処理を続行
    if (empty($errors)) {
        echo "フォームが正常に送信されました。";
        // データベースへの保存やメール送信などの処理を実行
    }
}
?>

<!-- フォームの表示 -->
<form method="post" action="">
    <label for="name">名前:</label>
    <input type="text" id="name" name="name" value="<?php echo htmlspecialchars($name); ?>">
    <?php if (isset($errors['name'])): ?>
        <div class="error"><?php echo htmlspecialchars($errors['name']); ?></div>
    <?php endif; ?>

    <label for="email">メールアドレス:</label>
    <input type="text" id="email" name="email" value="<?php echo htmlspecialchars($email); ?>">
    <?php if (isset($errors['email'])): ?>
        <div class="error"><?php echo htmlspecialchars($errors['email']); ?></div>
    <?php endif; ?>

    <input type="submit" value="送信">
</form>

<?php
session_start();

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $_SESSION['errors'] = [];
    $_SESSION['form_data'] = $_POST;

    // バリデーション処理
    if (empty($_POST['name'])) {
        $_SESSION['errors']['name'] = "名前は必須項目です。";
    }

    // エラーがあればリダイレクト
    if (!empty($_SESSION['errors'])) {
        header("Location: form.php");
        exit();
    }

    // エラーがなければセッションデータをクリアして処理続行
    unset($_SESSION['errors'], $_SESSION['form_data']);
    echo "フォームが正常に送信されました。";
}
?>

<?php
try {
    $dsn = 'mysql:host=localhost;dbname=sample_db;charset=utf8';
    $username = 'root';
    $password = '';

    // データベース接続の作成
    $pdo = new PDO($dsn, $username, $password);
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
} catch (PDOException $e) {
    echo "データベース接続エラー: " . htmlspecialchars($e->getMessage());
    exit();
}
?>

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST' && empty($errors)) {
    $name = $_POST['name'];
    $email = $_POST['email'];

    try {
        // データの挿入準備
        $stmt = $pdo->prepare("INSERT INTO users (name, email) VALUES (:name, :email)");
        $stmt->bindParam(':name', $name, PDO::PARAM_STR);
        $stmt->bindParam(':email', $email, PDO::PARAM_STR);

        // データの挿入実行
        $stmt->execute();
        echo "データが正常に保存されました。";
    } catch (PDOException $e) {
        echo "データ挿入エラー: " . htmlspecialchars($e->getMessage());
    }
}
?>

CREATE TABLE users (
    id INT AUTO_INCREMENT PRIMARY KEY,
    name VARCHAR(255) NOT NULL,
    email VARCHAR(255) NOT NULL,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

<?php
try {
    // トランザクションの開始
    $pdo->beginTransaction();

    // データの挿入準備
    $stmt = $pdo->prepare("INSERT INTO users (name, email) VALUES (:name, :email)");
    $stmt->bindParam(':name', $name, PDO::PARAM_STR);
    $stmt->bindParam(':email', $email, PDO::PARAM_STR);

    // データの挿入実行
    $stmt->execute();

    // トランザクションのコミット
    $pdo->commit();
    echo "データが正常に保存されました。";
} catch (PDOException $e) {
    // エラー発生時にロールバック
    $pdo->rollBack();
    echo "トランザクションエラー: " . htmlspecialchars($e->getMessage());
}
?>

<form method="post" action="upload.php" enctype="multipart/form-data">
    <label for="file">アップロードするファイルを選択:</label>
    <input type="file" id="file" name="file" required>
    <input type="submit" value="アップロード">
</form>

<?php
$upload_dir = 'uploads/'; // アップロード先ディレクトリ

if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_FILES['file'])) {
    $file = $_FILES['file'];

    // ファイルのエラーチェック
    if ($file['error'] !== UPLOAD_ERR_OK) {
        echo "ファイルアップロードエラー: " . $file['error'];
        exit();
    }

    // ファイルサイズのチェック（2MB以下）
    if ($file['size'] > 2 * 1024 * 1024) {
        echo "ファイルサイズが大きすぎます。2MB以下にしてください。";
        exit();
    }

    // ファイルの種類のチェック（例: 画像のみ許可）
    $allowed_types = ['image/jpeg', 'image/png', 'image/gif'];
    if (!in_array($file['type'], $allowed_types)) {
        echo "許可されていないファイル形式です。JPEG, PNG, GIFのみアップロードできます。";
        exit();
    }

    // アップロード先のファイルパスの設定
    $destination = $upload_dir . basename($file['name']);

    // ファイルの移動
    if (move_uploaded_file($file['tmp_name'], $destination)) {
        echo "ファイルが正常にアップロードされました。";
    } else {
        echo "ファイルのアップロードに失敗しました。";
    }
}
?>

<?php
if ($pdo && move_uploaded_file($file['tmp_name'], $destination)) {
    $stmt = $pdo->prepare("INSERT INTO uploaded_files (file_name, file_path) VALUES (:file_name, :file_path)");
    $stmt->bindParam(':file_name', $file['name'], PDO::PARAM_STR);
    $stmt->bindParam(':file_path', $destination, PDO::PARAM_STR);
    $stmt->execute();
    echo "ファイルのアップロードとデータベースへの保存が完了しました。";
}
?>

<!-- フォームのHTML -->
<form id="ajaxForm" method="post">
    <label for="name">名前:</label>
    <input type="text" id="name" name="name" required>
    <label for="email">メールアドレス:</label>
    <input type="email" id="email" name="email" required>
    <input type="submit" value="送信">
</form>

<!-- 結果表示エリア -->
<div id="result"></div>

<!-- JavaScriptコード -->
<script>
document.getElementById('ajaxForm').addEventListener('submit', function(event) {
    event.preventDefault(); // 通常のフォーム送信を防止

    // フォームデータの取得
    const formData = new FormData(this);

    // Fetch APIを使用した非同期リクエスト
    fetch('submit.php', {
        method: 'POST',
        body: formData
    })
    .then(response => response.text())
    .then(data => {
        // 結果を表示
        document.getElementById('result').innerHTML = data;
    })
    .catch(error => {
        console.error('エラー:', error);
        document.getElementById('result').innerHTML = 'エラーが発生しました。再度お試しください。';
    });
});
</script>

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $name = htmlspecialchars($_POST['name'], ENT_QUOTES, 'UTF-8');
    $email = htmlspecialchars($_POST['email'], ENT_QUOTES, 'UTF-8');

    // 簡単なバリデーション
    if (empty($name) || empty($email)) {
        echo "名前とメールアドレスは必須項目です。";
        exit();
    }

    // 処理の実行（例：データベースへの保存やメール送信）
    echo "こんにちは、" . $name . "さん。メールアドレス " . $email . " で登録されました。";
}
?>

.then(data => {
    document.getElementById('result').innerHTML = data;
    document.getElementById('ajaxForm').reset(); // フォームのリセット
})

<!-- ファイルアップロードフォーム -->
<form id="fileUploadForm" enctype="multipart/form-data">
    <label for="file">ファイルを選択:</label>
    <input type="file" id="file" name="file" required>
    <input type="submit" value="アップロード">
</form>

<div id="uploadResult"></div>

<script>
document.getElementById('fileUploadForm').addEventListener('submit', function(event) {
    event.preventDefault();

    const formData = new FormData(this);

    fetch('upload.php', {
        method: 'POST',
        body: formData
    })
    .then(response => response.text())
    .then(data => {
        document.getElementById('uploadResult').innerHTML = data;
    })
    .catch(error => {
        console.error('エラー:', error);
        document.getElementById('uploadResult').innerHTML = 'アップロードに失敗しました。';
    });
});
</script>

<!-- 条件付きフォーム -->
<form id="conditionalForm" method="post" action="process.php">
    <label for="inquiry">お問い合わせ内容:</label>
    <select id="inquiry" name="inquiry">
        <option value="">選択してください</option>
        <option value="product">製品について</option>
        <option value="support">サポートについて</option>
        <option value="other">その他</option>
    </select>

    <!-- 製品に関する追加情報 -->
    <div id="productDetails" style="display:none;">
        <label for="product_name">製品名:</label>
        <input type="text" id="product_name" name="product_name">
    </div>

    <!-- サポートに関する追加情報 -->
    <div id="supportDetails" style="display:none;">
        <label for="issue_description">問題の説明:</label>
        <textarea id="issue_description" name="issue_description"></textarea>
    </div>

    <input type="submit" value="送信">
</form>

<!-- JavaScriptでフォームフィールドの表示/非表示を切り替える -->
<script>
document.getElementById('inquiry').addEventListener('change', function() {
    var value = this.value;
    document.getElementById('productDetails').style.display = value === 'product' ? 'block' : 'none';
    document.getElementById('supportDetails').style.display = value === 'support' ? 'block' : 'none';
});
</script>

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $inquiry = $_POST['inquiry'];

    if ($inquiry === 'product' && !empty($_POST['product_name'])) {
        $product_name = htmlspecialchars($_POST['product_name'], ENT_QUOTES, 'UTF-8');
        echo "製品「" . $product_name . "」に関するお問い合わせを受け付けました。";
    } elseif ($inquiry === 'support' && !empty($_POST['issue_description'])) {
        $issue_description = htmlspecialchars($_POST['issue_description'], ENT_QUOTES, 'UTF-8');
        echo "サポートについてのお問い合わせを受け付けました。問題の説明: " . $issue_description;
    } else {
        echo "お問い合わせ内容を正しく選択してください。";
    }
}
?>

// ドロップダウン変更時にAjaxリクエストを送信
document.getElementById('inquiry').addEventListener('change', function() {
    var value = this.value;
    fetch('get_additional_fields.php?inquiry=' + value)
    .then(response => response.text())
    .then(data => {
        document.getElementById('additionalFields').innerHTML = data;
    });
});