勾选复选框后提交表单仍弹出JavaScript告警错误的求助

嘿，我来帮你搞定这个点击提交后一直弹错误提示的问题，主要是前后端的几个细节没匹配上，咱们一步步来：

1. 前端JS的核心错误：拿错了复选框的状态 #

你在send()函数里写了这么一行：

var term = document.getElementById("field_terms").value;

这里你获取的是复选框预设的value="check"字符串，而不是它的选中状态！接下来你判断!term.checked，但字符串根本没有checked属性，所以term.checked会返回undefined，!undefined就是true——不管你勾没勾选，都会触发那个alert提示。

修正方法：直接获取复选框元素的checked属性：

// 先拿到复选框元素本身
var termCheckbox = document.getElementById("field_terms");
// 直接判断它的选中状态
if(!termCheckbox.checked) {
    alert("Please indicate that you accept the Terms and Conditions");
}

2. AJAX参数缺失，导致后端校验完全没触发 #

你的后端代码里有个判断isset($_POST['submit'])，但你前端AJAX请求里根本没传submit这个参数！所以后端的整个校验逻辑根本不会跑，相当于白写了。

修正方法：在AJAX的参数里加上submit字段，比如：

var parameters = "field_terms=" + termCheckbox.value + "&submit=1";

只要让后端能检测到这个参数存在就行，值是什么无所谓。

3. 后端校验的小细节（可选优化） #

后端里的if($_POST['field_terms'] != "check")其实有点多余——因为只有当复选框被选中时，前端才会走到AJAX请求的步骤，但为了严谨性可以保留，只要确保前端传递的参数正确就行。

最后给你贴个修正后的完整JS代码： #

function send(){
    var termCheckbox = document.getElementById("field_terms");
    if(!termCheckbox.checked) {
        alert("Please indicate that you accept the Terms and Conditions");
    } else {
        // 加上submit参数，匹配后端的isset判断
        var parameters = "field_terms=" + termCheckbox.value + "&submit=1";
        var ajax = new XMLHttpRequest();
        ajax.onreadystatechange = function(){
            if(ajax.readyState === 4 && ajax.status === 200) {
                alert(ajax.responseText);
            }
        };
        // 建议改成异步请求（第三个参数true），同步请求会卡页面
        ajax.open("POST", "register.php", true);
        ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        ajax.send(parameters);
    }
}

另外提个小建议：把表单的onsubmit="return false"保留，这样可以避免浏览器默认的表单提交行为，确保只会触发你写的send()函数。

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