Yii2.0 模态弹出框+ajax提交表单

chinafgj 发布于2019-08-19 18:22 / 1310人阅读

摘要：如题我们使用模态弹出框提交表单首先我们把视图的按钮添加和。代码如下添加请假单在视图添加如下代码来显示模态弹出框修改后的效果如下然后我们修改控制器中的方法，把改为即可指向你的在添加上验证规则效果如下这样就实现了提交表单

如题我们使用模态弹出框+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弹出框

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/79519.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...

EsgynChina 2019-06-27 13:44 评论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