Yii2.0 模態(tài)彈出框+ajax提交表單

chinafgj 發(fā)布于2019-08-19 18:22 / 1316人閱讀

摘要：如題我們使用模態(tài)彈出框提交表單首先我們把視圖的按鈕添加和。代碼如下添加請假單在視圖添加如下代碼來顯示模態(tài)彈出框修改后的效果如下然后我們修改控制器中的方法，把改為即可指向你的在添加上驗證規(guī)則效果如下這樣就實現(xiàn)了提交表單

如題我們使用模態(tài)彈出框+ajax提交表單首先我們把index視圖的create按鈕添加data-toggle 和 data-target。
代碼如下：

 "btn btn-success","data-toggle"=>"modal","data-target"=>"#ajax"]) ?>

在index視圖添加如下代碼來顯示模態(tài)彈出框：

修改后的效果如下

然后我們修改控制器中的create方法，把render改為renderAjax即可

            return $this->renderAjax("create", [
                "model" => $model,
            ]);

指向你的models 在rules添加上驗證規(guī)則

    public function rules()
    {
        return [
            [["t_leave_date", "t_days", "t_reason", "t_nickname","t_leave_enddate"], "required"],
            [["t_leave_date", "t_leave_enddate"], "safe"],
            [["t_days"], "number"],
            [["t_reason"], "string"],
            [["type", "add_time", "uid", "update_time", "status", "is_shen"], "integer"],
            [["t_pickup", "t_nickname", "t_pass"], "string", "max" => 20],
            [["t_img", "reviewer_user", "audit_user"], "string", "max" => 255]
        ];
    }

效果如下

這樣就實現(xiàn)了ajax提交表單

云服務器 GPU云服務器 ajax提交form表單 jquery_ajax提交表單氣球彈出框 jquery彈出框

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/79519.html

相關(guān)文章

Yii2.0 模態(tài)彈出框+ajax提交表單2

摘要：上一章介紹了模態(tài)框的的添加彈出和驗證，本章對上一章做個補充。代碼如下按鈕效果圖模態(tài)框代碼然后我們修改控制器中的方法，把改為模態(tài)框效果圖表單添加提交表單代碼驗證代碼驗證規(guī)則效果如下這樣就實現(xiàn)了提交表單。上一章 https://segmentfault.com/a/11... 介紹了模態(tài)框的的添加彈出和models驗證，本章對上一章做個補充。代碼如下：按鈕效果...

nanchen2251 2019-08-19 18:46 評論0 收藏0
Yii2.0 模態(tài)彈出框+ajax提交表單2

摘要：上一章介紹了模態(tài)框的的添加彈出和驗證，本章對上一章做個補充。代碼如下按鈕效果圖模態(tài)框代碼然后我們修改控制器中的方法，把改為模態(tài)框效果圖表單添加提交表單代碼驗證代碼驗證規(guī)則效果如下這樣就實現(xiàn)了提交表單。上一章 https://segmentfault.com/a/11... 介紹了模態(tài)框的的添加彈出和models驗證，本章對上一章做個補充。代碼如下：按鈕效果...

sumory 2019-07-01 14:17 評論0 收藏0
Yii2.0 模態(tài)彈出框+ajax提交表單

摘要：如題我們使用模態(tài)彈出框提交表單首先我們把視圖的按鈕添加和。代碼如下添加請假單在視圖添加如下代碼來顯示模態(tài)彈出框修改后的效果如下然后我們修改控制器中的方法，把改為即可指向你的在添加上驗證規(guī)則效果如下這樣就實現(xiàn)了提交表單如題我們使用模態(tài)彈出框+ajax提交表單首先我們把index視圖的create按鈕添加data-toggle 和 data-target。代碼如下：在ind...

EsgynChina 2019-06-27 13:44 評論0 收藏0
Bootstrap使用模態(tài)框modal實現(xiàn)表單提交彈出框

摘要：模態(tài)框插件模態(tài)框是覆蓋在父窗體上的子窗體。通常，目的是顯示來自一個單獨的源的內(nèi)容，可以在不離開父窗體的情況下有一些互動。子窗體可提供信息交互等。 Bootstrap 模態(tài)框（Modal）插件模態(tài)框（Modal）是覆蓋在父窗體上的子窗體。通常，目的是顯示來自一個單獨的源的內(nèi)容，可以在不離開父窗體的情況下有一些互動。子窗體可提供信息、交互等。如果您想要單獨引用該插件的功能，那么您需要引用...

wind3110991 2019-08-02 15:56 評論0 收藏0
javascript功能插件大集合前端常用插件 js常用插件

摘要：轉(zhuǎn)載來源包管理器管理著庫，并提供讀取和打包它們的工具。能構(gòu)建更好應用的客戶端包管理器。一個整合和的最佳思想，使開發(fā)者能快速方便地組織和編寫前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數(shù)據(jù)。轉(zhuǎn)載來源：https://github.com/jobbole/aw... 包管理器管理著 javascript 庫，并提供讀取和打包它們的工具。?npm – npm 是 javasc...

netmou 2019-08-23 12:28 評論0 收藏0