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

EsgynChina 發(fā)布于2019-06-27 13:44 / 1481人閱讀

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

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

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

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

修改后的效果如下

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

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

指向你的models 在rules添加上驗(yàn)證規(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]
        ];
    }

效果如下

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

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

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

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

相關(guān)文章

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

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

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

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

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

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

chinafgj 2019-08-19 18:22 評(píng)論0 收藏0
Bootstrap使用模態(tài)框modal實(shí)現(xiàn)表單提交彈出框

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

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

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

netmou 2019-08-23 12:28 評(píng)論0 收藏0