PHP表单POST处理代码与JS手机号校验函数无法协同运行问题求助

问题根源 #

• 你给提交按钮绑定的点击事件无论校验是否通过，最终都会return false，直接阻止了表单默认的POST提交行为，PHP无法接收表单提交的参数
• 手机号校验通过后你直接调用window.location.href = link跳转，这是GET请求，不会携带任何表单参数，PHP中$_POST相关的判断逻辑完全不会触发
• 隐藏问题：JS中的link变量是页面初次加载时就用PHP渲染的，但你的$pagamento_link是PHP收到POST请求后才赋值的，页面首次加载时$pagamento_link没有有效值，JS拿到的链接本身就是错误的

修复方案 #

方案1：常规表单提交（无异步需求推荐） #

1. 修改JS逻辑，仅在校验失败时阻止提交，校验通过放行让表单默认POST

<script type="text/javascript">
// 移除提前定义link变量的代码，不再需要
$('#acquistato').click(function(e) {
    if (!phoneCheck(document.getElementById("privato_telefono"))) {
        e.preventDefault();
        $('#errore_tel').removeAttr("style");
        $('#errore_trovato').removeAttr("style");
        return false;
    }
    // 校验通过不做拦截，让表单默认提交到PHP
})
</script>

2. 修改PHP代码，处理完POST逻辑后服务端直接跳转
   在PHP代码末尾$pagamento_link赋值完成后添加跳转逻辑：

header("Location: " . $pagamento_link);
exit;

3. 确保你的表单<form>标签method属性设置为post，action属性指向当前处理POST逻辑的PHP页面。

方案2：AJAX异步提交（需要无刷新提交时使用） #

1. 修改JS逻辑，校验通过后用AJAX提交表单数据，拿到返回的支付链接再跳转

<script type="text/javascript">
$('#acquistato').click(function(e) {
    e.preventDefault();
    if (!phoneCheck(document.getElementById("privato_telefono"))) {
        $('#errore_tel').removeAttr("style");
        $('#errore_trovato').removeAttr("style");
        return false;
    }
    // 序列化表单所有数据提交到PHP
    $.post('你的PHP处理接口地址', $('form').serialize(), function(payLink) {
        window.location.href = payLink;
    })
})
</script>

2. 修改PHP代码，处理完POST逻辑后直接返回支付链接
   在PHP代码末尾$pagamento_link赋值完成后添加代码：

echo $pagamento_link;
exit;

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