Yii2 Ajax异步验证表单，用于验证用户输入字符串的合法性

最新推荐文章于 2022-12-22 14:09:37 发布

Qimi_

最新推荐文章于 2022-12-22 14:09:37 发布

阅读量4.4k

点赞数 2

分类专栏： PHP Yii 文章标签： ajax yii 表单异步 ajax异步验证

本文链接：https://blog.csdn.net/qq_35296546/article/details/70228640

版权

本文介绍了如何在Yii2框架中利用Ajax实现表单的无刷新验证，通过在ActiveForm启用enableAjaxValidation属性，结合控制器、模型验证规则和视图，可以创建一个友好的用户体验，避免页面刷新。

摘要由CSDN通过智能技术生成

yii2中，ActiveForm默认做了客户端验证，但是表单的提交，却不是无刷新的，自定义的验证规则需要提交后才能验证，这样一来页面就刷新了，体验上就不友好了。也就是常常看到的表单提交后页面会刷新。如果想要开启无刷新的模式，只需要在ActiveForm开始开启enableAjaxValidation即可，下面以具体示例实现介绍：

控制器：


    /**
     * Creates a new SystemMenu model.
     * If creation is successful, the browser will be redirected to the 'view' page.
     * @return mixed
     */
    public function actionCreate()
    {
   
        $model = new SystemMenu();
        if(!$model->sort) $model->sort = 0;

        // 该操作是表单字段失去焦点时异步验证，同时如果直接提交表单，也会先执行该操作进行验证
        $model->load($_POST);
        if (Yii::$app->request->isAjax) {
            Yii::$app->response->format = \yii\web\Response::FORMAT_JSON;
            return \yii\bootstrap\ActiveForm::validate($model);
        }

    //表单提交操作，基本上不需要做改动
        if ($model->load(Yii::$app->request->post()) && $model->save()) {
            //return $this->redirect(['view', 'id' => $model->id]);
            return $this->redirect(['index']);
        } else {
            return $this->render('create', [
                'model' => $model,
            ]);
        }
    }

模型的验证规则：

/**
     * @inheritdoc
     */
    public function rules()
    {
        return [
            [['title', 'sort'], 'required'],
            [['status','parent_id'], 'required','message'=> \Yii::t('app', '请选择{attribute}')],
            [['parent_id', 'create_time', 'update_time', 'create_user', 'update_user', 'status'], 'integer'],
            [[