PHP结合jQuery实现按钮禁用并发送POST请求的问题

你的代码主要有两个问题导致功能失效：

1. 后端判断不匹配：提交按钮的name是submit，但PHP里却判断$_POST['submit-button']，这个条件永远不会成立，所以无法触发跳转逻辑。
2. 前端事件未阻止默认行为：点击提交按钮时，浏览器会自动触发表单的默认提交事件，和你手动调用的submit()可能冲突，导致按钮状态更新或提交逻辑异常。

以下是修正后的完整代码：

<?php
session_start();

// 处理表单提交
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    // 匹配按钮的name属性值
    if(isset($_POST['submit'])) {
        $uname = $_POST['username'];
        header('Location: success.php');
        // 跳转后终止脚本，避免后续执行
        exit;
    }
}
?>

<!DOCTYPE html>
<html>
<head>
    <title>My Form</title>
</head>
<body>
<form id="your_form_id" action="test4.php" method="post">
    <p>
        <label>Username</label>
        <input id="username" type="text" name="username" value="" autofocus/>
    </p>
    <input type="submit" id="submit-button" name="submit" value="Login" />
</form>

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
    $("#submit-button").on("click", function(e){
        // 阻止表单默认提交行为，避免和手动submit冲突
        e.preventDefault();
        // 禁用按钮并更新文本
        $(this).prop('disabled', true).val("Processing, please wait...");
        // 手动提交表单
        $("#your_form_id").submit();
    });
</script>
</body>
</html>

关键修改说明： #

• 后端：把isset($_POST['submit-button'])改成isset($_POST['submit'])，匹配提交按钮的name属性；添加exit确保跳转后脚本立即终止。
• 前端：添加e.preventDefault()阻止默认提交行为；用jQuery链式调用简化按钮状态更新（也可以用原生JS，这里保持原代码风格），确保按钮禁用后再手动提交表单。

这样修改后，既能实现点击按钮立即禁用防重复提交，又能让后端正确捕获POST参数并处理跳转。

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