yii2 modal弹窗之ActiveForm ajax表单异步验证
程序员文章站
2024-02-21 09:28:16
前面我们讲述了以及,本以为modal要告一段落可以开始新的话题了,但是实际问题往往超乎想像,这不modal弹窗提交的表单说是怎么验证的问题又出来了,又出来了!
首先撇开m...
前面我们讲述了以及,本以为modal要告一段落可以开始新的话题了,但是实际问题往往超乎想像,这不modal弹窗提交的表单说是怎么验证的问题又出来了,又出来了!
首先撇开modal不谈,我们就yii2 activeform如何以ajax的方式提交表单做一个简单的说明,这也是我们今天主题的重点,modal确实没啥好说了。后面若是有我再把话改回来。
yii2中,activeform默认做了客户端验证,但是表单的提交,却不是无刷新的。也就是常常看到的表单提交后页面会刷新。如果想要开启无刷新的模式,只需要在activeform开始开启enableajaxvalidation即可,像下面这样
<?php $form = activeform::begin([ 'id' => 'form-id', 'enableajaxvalidation' => true, ] ); ?>
注意哦,id和enableajaxvalidation一个都不能少。
接着看服务端的实现
if ($model->load(yii::$app->request->post())) { yii::$app->response->format = yii\web\response::format_json; if ($errors = \yii\widgets\activeform::validate($model)) { return $errors; } else { if($model->save(false)) { return $this->redirect(['index']); } } } return $this->render('create', [ 'model' => $model, ]);
如此一来就简单的实现了yii2异步无刷新提交表单了!
其实下面说与不说已经不重要了,主要是写给一些懒人参考吧。聪明的人看了标题就应该明白了如何解决modal通过activeform提交表单的问题。
为了兼容modal,注意我们说的是兼容而不是实现,我们对程序稍稍做了些改动,仅做参考。
if ($model->load(yii::$app->request->post())) { if ($model->save()) { if (yii::$app->request->isajax) { yii::$app->response->format = \yii\web\response::format_json; return ['success' => true]; } return $this->redirect(['index']); } else { if (yii::$app->request->isajax) { yii::$app->response->format = \yii\web\response::format_json; return \yii\widgets\activeform::validate($model); } } } if (yii::$app->request->isajax) { return $this->renderajax('create', [ 'model' => $model, ]); } else { return $this->render('create', [ 'model' => $model, ]); }
以上所述是小编给大家介绍的yii2 modal弹窗之activeform ajax表单验证的相关知识,希望对大家有所帮助,如果大家想了解更多内容敬请关注网站!
推荐阅读
-
yii2 modal弹窗之ActiveForm ajax表单异步验证
-
yii2 modal弹窗之ActiveForm ajax表单异步验证,yii2activeform
-
yii2 modal弹窗之ActiveForm ajax表单验证_php实例
-
yii2 modal弹窗之ActiveForm ajax表单验证_php实例
-
yii2 modal弹窗之ActiveForm ajax表单异步验证,yii2activeform_PHP教程
-
yii2 modal弹窗之ActiveForm ajax表单异步验证,yii2activeform_PHP教程
-
yii2 modal弹窗之ActiveForm ajax表单异步验证,yii2activeform
-
yii2 modal弹窗之ActiveForm实现ajax表单异步验证
-
yii2 modal弹窗之ActiveForm ajax表单异步验证
-
yii2 modal弹窗之ActiveForm实现ajax表单异步验证