PHP多表单嵌套isset处理：无刷新保数据计算n个数均值

你的代码存在三个核心问题：

1. 表单嵌套违规：HTML标准不允许表单嵌套，你动态生成的第二个GET表单被包裹在第一个POST表单内部，提交第二个表单时会触发外层POST表单的提交，导致页面回到初始状态，isset($_GET['sub'])代码块根本不会执行。
2. $n变量丢失：第二个GET请求没有携带$n的值，即使代码执行到第二个逻辑块，$n也是未定义的，无法验证输入的数字数量是否符合要求。
3. 页面刷新问题：默认表单提交会触发页面刷新，要实现无刷新交互必须使用AJAX。

以下是满足你需求的修改方案：不合并两个表单、保留数据、无刷新提交，同时修复逻辑漏洞：

<?php
session_start(); // 启动session存储n的值

// 处理第一个POST表单提交，保存n到session
if (isset($_POST['submit'])) {
    $_SESSION['n'] = intval($_POST['num']);
}

// 处理第二个表单的AJAX请求，计算均值
if (isset($_GET['calculate']) && isset($_SESSION['n'])) {
    $numstr = trim($_GET['str']);
    $n = $_SESSION['n'];
    
    // 验证输入非空
    if (empty($numstr)) {
        echo "请输入数字";
        exit;
    }
    
    // 分割并转为整数数组，过滤空元素（处理连续空格）
    $numarr = array_filter(array_map('intval', explode(' ', $numstr)), function($val) {
        return is_numeric($val);
    });
    
    $counta = count($numarr);
    
    if ($counta != $n) {
        echo "请输入恰好{$n}个用空格分隔的数字！";
    } else {
        $sum = array_sum($numarr);
        $avg = $sum / $counta;
        echo "给定{$n}个数字的均值是：" . number_format($avg, 2);
    }
    exit;
}
?>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mean: n numbers</title>
    <script>
        // AJAX处理第二个表单提交，无刷新获取结果
        function calculateMean() {
            const strInput = document.getElementById('numStr');
            const resultDiv = document.getElementById('result');
            const str = strInput.value.trim();
            
            if (!str) {
                resultDiv.innerHTML = '<span style="color:red">请输入数字</span>';
                return;
            }
            
            // 创建AJAX请求
            const xhr = new XMLHttpRequest();
            xhr.open('GET', `?calculate=1&str=${encodeURIComponent(str)}`, true);
            
            xhr.onload = function() {
                if (this.status === 200) {
                    resultDiv.innerHTML = this.responseText;
                }
            };
            
            xhr.send();
            return false; // 阻止表单默认提交
        }
    </script>
</head>
<body>
    <!-- 第一个独立表单：输入n -->
    <form method="post" action="">
        <h2><u>Mean of n numbers</u></h2><br><br>
        Enter the limit: <input type="number" name="num" min="1" required><br>
        <input type="submit" name="submit" value="Submit"><br><br>
    </form>

    <!-- 第二个独立表单：输入数字字符串 -->
    <?php if (isset($_SESSION['n'])): ?>
    <form onsubmit="return calculateMean()">
        Enter a string of <?php echo $_SESSION['n']; ?> numbers separated by spaces: 
        <input type="text" id="numStr" name="str" required><br>
        <input type="submit" value="Done"><br><br>
    </form>
    <div id="result"></div> <!-- 用于展示无刷新结果 -->
    <?php endif; ?>
</body>
</html>

• 移除表单嵌套：将两个表单拆分为独立的HTML元素，符合HTML标准。
• Session存储n：通过session_start()和$_SESSION['n']保存用户输入的n值，确保后续请求能获取到该值。
• AJAX无刷新提交：用JavaScript实现第二个表单的异步提交，避免页面刷新，结果直接展示在页面指定区域。
• 增强输入验证：过滤分割数组中的空元素（处理连续空格的情况），添加非空验证、数字验证，优化错误提示。
• 修复变量未定义问题：确保在计算逻辑中能正确获取到n的值，避免报错。

内容的提问来源于stack exchange，提问作者Sance Shaji