jQuery远程验证导致无法获取提交按钮POST值，无法识别点击按钮

嘿，我明白你的困扰——表单有两个提交按钮，但后端不知道用户点了哪一个对吧？别担心，这是个很常见的问题，咱们一步步搞定它。

核心问题所在 #

你的表单里的提交按钮应该是没设置name和value属性，导致表单提交时，浏览器不会把按钮的信息发送给后端，所以后端自然无法判断用户触发的是哪个操作。

解决方案步骤 #

1. 给提交按钮添加唯一标识 #

首先修改你的HTML提交按钮，给每个按钮加上相同的name属性（比如叫action），但设置不同的value来区分动作：

<!-- 保存并退出按钮 -->
<button type="submit" name="action" value="save_and_exit" class="btn btn-secondary">保存并退出</button>
<!-- 下一步按钮 -->
<button type="submit" name="action" value="next_step" class="btn btn-primary">下一步</button>

这样当用户点击某个按钮时，浏览器会把action=对应value这个参数一起提交到后端。

2. 后端PHP获取并判断动作 #

在你的表单处理逻辑里（比如form.php的POST处理部分），直接通过$_POST获取这个action参数，然后分支处理不同的逻辑：

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // 用null合并运算符避免未定义索引报错
    $user_action = $_POST['action'] ?? '';

    switch ($user_action) {
        case 'save_and_exit':
            // 执行保存数据+退出的逻辑
            echo "执行保存并退出操作";
            // 比如保存后跳转到列表页
            // header("Location: user_list.php");
            exit;
        case 'next_step':
            // 执行保存数据+跳转到下一页的逻辑
            echo "执行下一步操作";
            // 比如保存后跳转到下一个表单页
            // header("Location: user_reg_step2.php");
            exit;
        default:
            // 处理非法提交的情况
            echo "无效的操作";
            exit;
    }
}

3. 如果用了AJAX提交（结合你的远程校验） #

因为你提到了邮箱重复的远程校验，大概率用了JS/AJAX来提交表单，这时候要注意：如果是用serialize()方法序列化表单，默认不会包含按钮的信息，所以需要手动带上action参数。

可以在按钮点击时先记录下点击的按钮值，再在AJAX提交时附加：

// 先声明变量存储点击的动作
let selectedAction = '';

// 监听提交按钮的点击事件，记录动作
$('#user_reg_form button[type="submit"]').on('click', function() {
    selectedAction = $(this).val();
});

// 监听表单提交事件
$('#user_reg_form').on('submit', function(e) {
    e.preventDefault();
    
    // 序列化表单数据并附加动作参数
    let formData = $(this).serialize() + '&action=' + selectedAction;
    
    $.ajax({
        url: $(this).attr('action'),
        method: 'POST',
        data: formData,
        success: function(response) {
            // 根据后端返回的响应处理页面逻辑
            if (response.status === 'success') {
                if (selectedAction === 'save_and_exit') {
                    window.location.href = 'user_list.php';
                } else {
                    window.location.href = 'user_reg_step2.php';
                }
            }
        },
        error: function() {
            alert('提交失败，请重试');
        }
    });
});

这样不管是普通表单提交还是AJAX提交，后端都能准确获取用户点击的是哪个按钮啦！

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