《PHP應用:yii2 modal彈窗之ActiveForm ajax表單異步驗證》要點:
本文介紹了PHP應用:yii2 modal彈窗之ActiveForm ajax表單異步驗證,希望對您有用。如果有疑問,可以聯系我們。
相關主題:YII框架
前面我們講述了yii2中如何使用modal以及yii2 gridview列表內更新操作如何使用modal的問題,本以為modal要告一段落可以開始新的話題了,但是實際問題往往超乎想像,這不modal彈窗提交的表單說是怎么驗證的問題又出來了,又出來了!PHP實例
首先撇開modal不談,我們就yii2 ActiveForm如何以Ajax的方式提交表單做一個簡單的說明,這也是我們今天主題的重點,modal確實沒啥好說了.后面若是有我再把話改回來.PHP實例
yii2中,ActiveForm默認做了客戶端驗證,但是表單的提交,卻不是無刷新的.也就是常常看到的表單提交后頁面會刷新.如果想要開啟無刷新的模式,只需要在ActiveForm開始開啟enableAjaxValidation即可,像下面這樣PHP實例
<?php $form = ActiveForm::begin([ 'id' => 'form-id', 'enableAjaxValidation' => true, ] ); ?>
注意哦,id和enableAjaxValidation一個都不能少.PHP實例
接著看服務端的實現PHP實例
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異步無刷新提交表單了!PHP實例
其實下面說與不說已經不重要了,主要是寫給一些懶人參考吧.聰明的人看了標題就應該明白了如何解決modal通過ActiveForm提交表單的問題.PHP實例
為了兼容modal,注意我們說的是兼容而不是實現,我們對程序稍稍做了些改動,僅做參考.PHP實例
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表單驗證的相關知識,希望對大家有所幫助,如果大家想了解更多內容敬請關注維易PHP網站!PHP實例
轉載請注明本頁網址:
http://www.snjht.com/jiaocheng/6152.html