Yii2.0 模態彈出框+ajax提交表單

EsgynChina 發布于2019-06-27 13:44 / 1473人閱讀

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

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

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

在index視圖添加如下代碼來顯示模態彈出框：

修改后的效果如下

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

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

指向你的models 在rules添加上驗證規則

    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]
        ];
    }

效果如下

這樣就實現了ajax提交表單

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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/21583.html

Yii2.0 模態彈出框+ajax提交表單2

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

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

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

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

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

chinafgj 2019-08-19 18:22 評論0 收藏0
Bootstrap使用模態框modal實現表單提交彈出框

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

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

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

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