如何使用PHP/JavaScript/jQuery实现提交Form2时阻止Form1提交

我仔细看了你的代码，问题的核心在于PHP提交逻辑的错误判断和部分表单按钮类型未正确设置，导致点击Form2的按钮时，分页用的$_SESSION['clicks']值被意外修改，看起来像是Form1也被一并提交了。下面是具体分析和修复方案：

问题根源 #

1. 按钮类型不统一：Form2的switch分支里，比如case '9'及以下的按钮没有设置type="button"，默认是type="submit"，点击这些按钮会直接提交Form2的表单，触发POST请求。
2. PHP逻辑的错误分支：你这段代码会在任何POST请求中（不管是Form1还是Form2的提交），只要没检测到$_POST['plus']，就执行$_SESSION['clicks'] -= 10：

   if (isset($_POST['plus'])) {
       $_SESSION['clicks'] += 10 ;
   }else {
       $_SESSION['clicks'] -= 10;
   }
   

   这意味着点击Form2的按钮时，因为plus参数不存在，分页的clicks值会被错误递减，导致分页混乱。
3. 表单无区分标识：两个表单都用POST提交，但没有唯一标识来告诉PHP当前是哪个表单的提交请求，无法针对性处理逻辑。

修复方案 #

1. 给表单添加区分标识 #

给每个表单添加隐藏域，让PHP能识别是哪个表单的提交。比如给Form1加一个form_action的隐藏域：

<form method="post">
    <input type="hidden" name="form_action" value="pagination">
    <!-- 分页按钮 -->
</form>

给Form2的表单也加对应的标识：

<form method="post">
    <input type="hidden" name="form_action" value="appointment">
    <!-- 预约按钮 -->
</form>

2. 修正PHP的分页逻辑 #

只有当Form1被提交时，才修改$_SESSION['clicks']的值，同时增加边界判断避免值超出合理范围：

// 初始化clicks值，避免第一次访问时未定义
if (!isset($_SESSION['clicks'])) {
    $_SESSION['clicks'] = 0;
}

// 仅处理分页表单的提交请求
if (isset($_POST['form_action']) && $_POST['form_action'] === 'pagination') {
    $results = count($result);
    if (isset($_POST['plus']) && $_SESSION['clicks'] < ($results - $results_per_page)) {
        $_SESSION['clicks'] += 10;
    } elseif (isset($_POST['min']) && $_SESSION['clicks'] > 0) {
        $_SESSION['clicks'] -= 10;
    }
}

3. 统一Form2按钮的类型 #

确保Form2中所有预约按钮都设置type="submit"（因为你需要提交表单来获取对应医生信息），同时用循环替代冗长的switch分支，简化代码。

修改后的完整代码 #

<?php 
session_start(); 
$results_per_page = 10; 

// 初始化分页参数
if (!isset($_SESSION['clicks'])) {
    $_SESSION['clicks'] = 0;
}

if (!isset($_GET['page'])) { 
    $page = 1; 
}else{ 
    $page = $_GET['page']; 
} 

// 确保$conn已正确初始化数据库连接
$stmt1 = $conn->prepare("SELECT*FROM doctors"); 
$stmt1->execute(); 
$stmt2 = $conn->prepare("SELECT*FROM doctors ORDER BY doctor_name ASC"); 
$stmt2->execute(); 

$result = [];
while($row = $stmt2->fetch()) { 
    $result[] = [ 
        'name' => $row['doctor_name'], 
        'degree' => $row['doctor_degree'], 
        'foe' => $row['doctor_foe'], 
    ]; 
} 

// 处理分页表单提交
$results = count($result);
if (isset($_POST['form_action']) && $_POST['form_action'] === 'pagination') {
    if (isset($_POST['plus']) && $_SESSION['clicks'] < ($results - $results_per_page)) {
        $_SESSION['clicks'] += 10 ;
    } elseif (isset($_POST['min']) && $_SESSION['clicks'] > 0) {
        $_SESSION['clicks'] -= 10;
    }
}

// 计算分页按钮状态
$next = "<button class='btn-nav' name='plus'>Next</button>"; 
$prev = "<button class='btn-nav' name='min'>Prev</button>"; 
$next_un = "<button class='btn-nav' name='plus' disabled>Next</button>"; 
$prev_un = "<button class='btn-nav' name='min' disabled>Prev</button>"; 

$num_of_pages = ceil($results/$results_per_page); 

if ($_SESSION['clicks'] > 0) { 
    echo $prev; 
}else{ 
    echo $prev_un; 
} 

if ($_SESSION['clicks'] >= ($results - $results_per_page)) { 
    echo $next_un; 
}else{ 
    echo $next; 
} 

$newarr = array_slice($result, $_SESSION['clicks'], 10); 
$new_count = count($newarr);
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Doctor Appointment System</title>
</head>
<body>
<div>
<form method="post">
    <input type="hidden" name="form_action" value="pagination">
    <!-- 分页按钮已通过PHP输出 -->
</form>
</div>
<div>
<table class="appt">
    <?php foreach ($newarr as $row) { 
        echo "<tr><td>".$row['name'] ."</td><td>".$row['degree'] ."</td><td>".$row['foe']."</td></tr>"; 
    } ?>
    <tr><td colspan="3">Total: <?php echo $new_count; ?></td></tr>
</table>
<table class="appt">
<form method="post">
    <input type="hidden" name="form_action" value="appointment">
    <tr><th>Set Appointment</th></tr>
    <?php 
    // 用循环简化按钮生成逻辑
    for ($i=1; $i<=$new_count; $i++) {
        echo "<tr><td><button type='submit' name='sa{$i}'>Set Appointment</button></td></tr>";
    }
    ?>
</form>
</table>
</div>
<?php 
// 处理预约表单提交
if (isset($_POST['form_action']) && $_POST['form_action'] === 'appointment') {
    for ($i=1; $i<=10; $i++) {
        if (isset($_POST["sa{$i}"]) && isset($newarr[$i-1])) {
            echo "<p>Selected Doctor:</p>";
            echo "<p>Name: {$newarr[$i-1]['name']}</p>";
            echo "<p>Degree: {$newarr[$i-1]['degree']}</p>";
            echo "<p>Field of Expertise: {$newarr[$i-1]['foe']}</p>";
            break;
        }
    }
}
?>
</body>
</html>

关键修改说明 #

• 增加form_action隐藏域区分两个表单的提交请求，PHP只会在对应表单提交时执行对应逻辑。
• 修复分页逻辑的错误分支，只有点击Form1的Next/Prev按钮时才修改clicks值，同时增加边界判断防止越界。
• 用循环替代冗长的switch分支生成预约按钮，代码更简洁易维护。
• 初始化$_SESSION['clicks']，避免第一次访问时出现未定义错误。

这样修改后，点击Form2的预约按钮时只会触发预约信息的输出，不会影响分页的clicks值，也就不会出现Form1被一并提交的问题了。

内容的提问来源于stack exchange，提问作者Melvin Esguerra