Yii2ajax异步校验表单输出JSON数据-php教程-PHP中文网

yii2 ajax表单校验需控制器返回标准json：验证通过返回{"valid":true}，失败返回{"errors":$model->geterrors()}，并设response格式为json；前端用jquery处理响应，匹配字段名前缀，activeform配置enableajaxvalidation=true。

yii2ajax异步校验表单输出json数据

Yii2 中使用 AJAX 异步校验表单，核心是让控制器返回标准 JSON 格式响应，前端通过 JavaScript 捕获并展示错误信息。关键在于：模型验证逻辑不变，只是响应格式改为 JSON，且需禁用 Yii 默认的 HTML 渲染流程。

控制器中正确返回 JSON 校验结果

在控制器动作里调用 $model->validate()，然后手动构造 JSON 响应，不走视图渲染：

设置响应头为 application/json
若验证失败，返回包含 errors 字段的对象，结构与 ActiveForm 默认 AJAX 校验兼容
若验证通过，返回 {"valid": true} 或空数组均可（推荐 {"valid":true}）

示例代码：

public function actionValidate()
{
    $model = new UserForm();
    $model->load(Yii::$app->request->post());
    
    if ($model->validate()) {
        Yii::$app->response->format = \yii\web\Response::FORMAT_JSON;
        return ['valid' => true];
    } else {
        Yii::$app->response->format = \yii\web\Response::FORMAT_JSON;
        return ['errors' => $model->getErrors()];
    }
}

前端发起 AJAX 请求并处理响应

可直接用 jQuery 的 $.post，或绑定到 ActiveForm 的 beforeValidate / afterValidate 事件。注意字段名要与模型属性一致：

Browser Js

轻量级CDP浏览器控制，适用于AI代理。相较于内置浏览器工具，token消耗降低3‑10倍，仅在浏览时使用。

下载

请求 URL 指向上面定义的 actionValidate
发送的数据格式为 {'UserForm[username]': 'xxx', 'UserForm[email]': 'yyy'}
成功回调中检查 data.errors，有则遍历插入对应字段的 error 元素；无则清除错误提示

简单示例：

$('#user-form').on('blur', 'input', function () {
    const $input = $(this);
    const name = $input.attr('name');
    const value = $input.val();

    $.post('/site/validate', { [name]: value }, function (data) {
        if (data.errors && data.errors[name]) {
            $input.next('.help-block').text(data.errors[name][0]).show();
        } else {
            $input.next('.help-block').hide();
        }
    });
});