ajax异步验证 modal,yii2 modal弹窗之ActiveForm ajax表单异步验证

搜索热词

首先撇开modal不谈，我们就yii2 ActiveForm如何以Ajax的方式提交表单做一个简单的说明，这也是我们今天主题的重点，modal确实没啥好说了。后面若是有我再把话改回来。

yii2中，ActiveForm默认做了客户端验证，但是表单的提交，却不是无刷新的。也就是常常看到的表单提交后页面会刷新。如果想要开启无刷新的模式，只需要在ActiveForm开始开启enableAjaxValidation即可，像下面这样

PHP;">

'form-id','enableAjaxValidation' => true,]

); ?>

注意哦，id和enableAjaxValidation一个都不能少。

接着看服务端的实现

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，注意我们说的是兼容而不是实现，我们对程序稍稍做了些改动，仅做参考。

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',]);

} else {

return $this->render('create',]);

}

以上所述是小编给大家介绍的yii2 modal弹窗之ActiveForm ajax表单验证的相关知识，希望对大家有所帮助，如果大家想了解更多内容敬请关注编程之家网站！

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

如您喜欢寻找一群志同道合、互帮互助的学习伙伴，可以点击下方链接加入：

编程之家官方1群

编程之家官方2群

编程之家官方3群

编程之家官方4群