作者：白狼 出處：http://www.manks.top/yii2_modal_activeform_ajax.html 本文版權歸作者，歡迎轉載，但未經(jīng)作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接，否則保留追究法律責任的權利。

前面我們講述了yii2中如何使用modal以及yii2 gridview列表內(nèi)更新操作如何使用modal的問題，本以為modal要告一段落可以開始新的話題了，但是實際問題往往超乎想像，這不modal彈窗提交的表單說是怎么驗證的問題又出來了，又出來了！

該問題的實質其實與modal的關系倒不大，其問題的核心在于ActiveForm的異步驗證上，解決了首要矛盾，我們本篇文章的問題也就迎刃而解了。順便再叨嘮一句，modal確實沒啥好說了。后面若是有我再把話改回來。

yii2中，ActiveForm默認做了客戶端驗證，但是表單的提交，卻不是無刷新的。也就是常常看到的表單提交后頁面會刷新。如果想要開啟無刷新的模式，只需要在ActiveForm開始開啟enableAjaxValidation即可，像下面這樣

<?php $form = ActiveForm::begin(['id' => 'form-id','enableAjaxValidation' => true,'validationUrl' => Url::toRoute(['validate-form']),] ); ?>

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

關于validateUrl我們做一個說明。如果你不設置該參數(shù)，該地址默認是你當前路由，而又恰巧你當前路由就是表單form的action，你會很好奇的發(fā)現(xiàn)，當表單項input失去焦點的時候，你對數(shù)據(jù)的修改已經(jīng)提交到后端進行了處理了？這往往不是我們想要的，此時就需要給validateUrl設置一個路由地址，其所要請求的操作的意義就在于異步做驗證！我們看具體實現(xiàn)：

[考慮目前國內(nèi)網(wǎng)站大部分采集文章十分頻繁，更有甚者不注明原文出處，原作者更希望看客們查看原文，以防有任何問題不能更新所有文章，避免誤導！]

繼續(xù)閱讀

總結

以上是生活随笔為你收集整理的yii2 modal弹窗之ActiveForm ajax表单异步验证的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。