程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> yii2 modal彈窗之ActiveForm ajax表單異步驗證,yii2activeform

yii2 modal彈窗之ActiveForm ajax表單異步驗證,yii2activeform

編輯:關於PHP編程

yii2 modal彈窗之ActiveForm ajax表單異步驗證,yii2activeform


前面我們講述了yii2中如何使用modal以及yii2 gridview列表內更新操作如何使用modal的問題,本以為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表單驗證的相關知識,希望對大家有所幫助,如果大家想了解更多內容敬請關注幫客之家網站!

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved