表单提交与jQuery问题：验证失败仍跳转至提交页面

看起来你的核心问题是表单验证返回false时，没能成功阻止提交行为。我来帮你一步步排查和修复：

一、先检查你的veriftel()函数 #

最常见的原因是这个函数没有明确返回false，或者执行过程中出错导致返回undefined（浏览器会把undefined当作true处理，从而触发提交）。

你需要确保函数在验证失败时，一定要写return false;，比如：

function veriftel() {
    // 示例验证逻辑：检查 promo 码是否为空或格式不对
    const promoValue = $('#promo').val().trim();
    
    if (!promoValue) {
        $('#result').text('请输入优惠码！');
        return false; // 必须明确返回false，阻止提交
    }
    if (promoValue.length < 6) {
        $('#result').text('优惠码长度不能少于6位！');
        return false;
    }
    
    // 验证通过时返回true，允许提交
    return true;
}

如果你的验证涉及异步操作（比如用AJAX查询优惠码是否有效），那直接return false是没用的——因为异步函数会先返回undefined，表单已经提交了。这种情况要改用下面的方法。

二、改用jQuery绑定submit事件（更可靠） #

Inline的onSubmit事件有时候会因为上下文问题出bug，推荐用jQuery的submit事件绑定来控制，代码更清晰也更稳定：

第一步：修改你的PHP表单代码，去掉inline的onSubmit #

echo "<form name='formulaire' id='my_form' method='POST' action='presale_pay.php'>";
echo "<input type='text' name='promocode' placeholder='Enter Promo Code' id='promo'><div id='result'></div>";
echo "<p><input type='submit' value='CONFIRM'></p></form>";

第二步：用jQuery绑定表单提交事件 #

$(document).ready(function() {
    $('#my_form').submit(function(e) {
        // 先阻止默认的提交行为
        e.preventDefault();
        
        const promoValue = $('#promo').val().trim();
        let isFormValid = true;
        
        // 执行你的验证逻辑
        if (!promoValue) {
            $('#result').text('Please enter a promo code.');
            isFormValid = false;
        } else if (!/^[A-Z0-9]{6,}$/.test(promoValue)) { // 示例正则验证格式
            $('#result').text('Promo code must be 6+ alphanumeric characters.');
            isFormValid = false;
        }
        
        // 如果验证通过，手动提交表单
        if (isFormValid) {
            this.submit(); // 这里的this就是当前表单元素
        }
    });
});

如果是异步验证（比如AJAX查优惠码有效性），可以这样写：

$(document).ready(function() {
    $('#my_form').submit(function(e) {
        e.preventDefault();
        const form = this;
        const promoValue = $('#promo').val().trim();
        
        $('#result').text('Checking promo code...');
        
        // 发送AJAX请求验证优惠码
        $.ajax({
            url: 'check_promo_validity.php', // 你的后端验证接口
            type: 'POST',
            data: { promocode: promoValue },
            success: function(response) {
                // 假设后端返回{ "valid": true/false }
                if (response.valid) {
                    form.submit(); // 验证通过，提交表单
                } else {
                    $('#result').text('Invalid promo code.');
                }
            },
            error: function() {
                $('#result').text('Error verifying promo code, please try again.');
            }
        });
    });
});

三、排查其他可能的问题 #

1. 检查jQuery是否加载成功：打开浏览器开发者工具（F12）的Console面板，如果看到$ is not defined，说明你没引入jQuery，需要在页面里添加：

   <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
   

2. 检查是否有其他JS错误：Console面板里的任何语法错误，都可能导致验证函数无法执行，从而让表单默认提交。

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