使用Ajax与validate.js调用PHP返回undefined结果的问题求助

看起来你遇到了两个核心问题：PHP端的变量作用域错误导致返回的JSON格式异常，以及jQuery Validator自定义方法的异步Ajax冲突，这两个问题共同导致你进入error回调并拿到undefined结果。下面一步步解决：

1. 修复PHP端的变量作用域问题 #

你的form_services类中，$returnResult是类的属性，但在checkUser方法里你直接使用$returnResult，这会创建一个局部变量，而不是修改类属性，最终导致返回的是空数组，JSON输出异常，jQuery解析失败进入error回调。

修改checkUser方法：

function checkUser($requestedUser) {
    $registeredUser = array('xyz', 'abc', 'def', 'ghi', 'jkl');
    // 使用$this->访问类属性
    if( in_array($requestedUser, $registeredUser) ){
        $this->returnResult["status"] = 'false';
    }else{
        $this->returnResult["status"] = 'true';
    }
    return $this->returnResult;
}

2. 修复jQuery Validator的异步验证问题 #

jQuery Validator的自定义方法默认是同步执行的，你用async: true的Ajax时，方法会在Ajax请求完成前就返回，导致Validator无法获取正确的验证结果，而且success回调里的return不会作用到外层方法。

推荐方案：使用Validator官方的remote规则（更优雅，无阻塞） #

remote规则是Validator专门为异步验证设计的，替代自定义方法更合适：

// 验证规则
username: { 
    required: true, 
    remote: {
        url: "services.php",
        type: "POST",
        data: {
            check: "userCheck",
            // 动态获取输入值
            username: function() {
                return $("#hl_form :input[name='username']").val();
            }
        },
        dataType: "json"
    }
}

// 提示信息
username: { 
    required: "Please enter your Username", 
    remote: "User already exists in the DB" 
}

同时简化PHP的返回逻辑（让返回值直接匹配remote规则的预期：true表示验证通过，false表示失败）：

function checkUser($requestedUser) {
    $registeredUser = array('xyz', 'abc', 'def', 'ghi', 'jkl');
    // 存在则返回false（验证失败），不存在返回true（验证通过）
    return !in_array($requestedUser, $registeredUser);
}

// 输出时直接返回布尔值
case 'userCheck':
    $requestedUser = $_REQUEST['username'];
    $data = $frmServices->checkUser( $requestedUser);
    echo json_encode($data);
    break;

备选方案：修改自定义方法为同步Ajax（不推荐，会阻塞浏览器） #

如果你坚持用自定义方法，需要把Ajax改成同步，并在外层变量接收结果：

$.validator.addMethod("checkUserExists", function(value, element){ 
    alert("input checking"); 
    var inputElem = $('#hl_form :input[name="username"]'), 
        data = { "username" : inputElem.val(),"check": "userCheck"}, 
        isValid = true;

    // 改为同步Ajax
    $.ajax( { 
        type: "POST", 
        url: "services.php", 
        async: false, 
        dataType: 'json', 
        data: data, 
        success: function(result) { 
            console.log(result); 
            isValid = result.status === 'true';
        }, 
        error: function(xhr, textStatus, errorThrown) { 
            alert('Ajax error: ' + textStatus); 
            isValid = false;
        } 
    }); 

    // 返回最终验证结果
    return isValid;
}, 'User already exists in the DB');

测试验证 #

修改完成后：

1. 先单独访问services.php，手动传入check=userCheck&username=xyz，查看是否返回{"status":"false"}（或简化后的false）。
2. 再测试表单验证，输入已存在的用户名，应该会正确触发错误提示；输入新用户名则验证通过。

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