个人中心
gpt4 book ai didi

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

转载 作者：qq735679552 更新时间：2022-09-28 22:32:09 25 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章yii2 modal弹窗之ActiveForm ajax表单异步验证由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

前面我们讲述了yii2中如何使用modal以及yii2 gridview列表内更新操作如何使用modal的问题，本以为modal要告一段落可以开始新的话题了，但是实际问题往往超乎想像，这不modal弹窗提交的表单说是怎么验证的问题又出来了，又出来了！ 。

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

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

?
1
2
3
4
5
<?php $form = ActiveForm::begin([
'id' => 'form-id' ,
'enableAjaxValidation' => true,
]
); ?>

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

接着看服务端的实现 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
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，注意我们说的是兼容而不是实现，我们对程序稍稍做了些改动，仅做参考.

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
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表单异步验证的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

25 4 0
文章推荐： 森系好听的女生qq网名大全 我在阳光下等你来拥抱
文章推荐： 面试常问，工作常用的Redis持久化机制
文章推荐： 治愈系女生温暖幸福的QQ网名2020 陪你春夏秋冬
文章推荐： 如何让你的开源项目更有展现力?
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com