微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如题 我们使用模态弹出框+ajax提交表单 首先我们把index视图的create按钮添加data-toggle 和 data-target。

代码如下:

rush:xhtml;"> 'btn btn-success','data-toggle'=>'modal','data-target'=>'#ajax']) ?>

在index视图添加如下代码显示模态弹出框:

rush:xhtml;">

修改后的效果如下

然后我们修改控制器中的create方法,把render改为renderAjax即可

renderAjax('create',[ 'model' => $model,]);

如果想添加表单验证我们需要修改views 里的 _form 添加上id

rush:PHP;"> ['enctype' => 'multipart/form-data'],'id'=>'leave-form-self']) ?> 指向 你的models 在rules添加上验证规则

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

效果如下

这样就实现了ajax提交表单

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单,返回预支付订单号的接口,目前微信支付所有场景均使用这一接口。下面介绍的是其中NATIVE的支付实现流程与PC端实现扫码支付流程
统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单,返回预支付订单号的接口,目前微信支付所有场景均使用这一接口。下面介绍的是其中APP的支付的配置与实现流程
前言 之前做了微信登录,所以总结一下微信授权登录并获取用户信息这个功能的开发流程。 配置 1.首先得在微信公众平台申请一下微信小程序账号并获取到小程序的AppID和AppSecret https://mp.weixin.qq.com/cgi-bin/loginpage?url=%2Fwxamp%2F
FastAdmin是我第一个接触的后台管理系统框架。FastAdmin是一款开源且免费商用的后台开发框架,它基于ThinkPHP和Bootstrap两大主流技术构建的极速后台开发框架,它有着非常完善且强大的功能和便捷的开发体验,使我逐渐喜欢上了它。
之前公司需要一个内部的通讯软件,就叫我做一个。通讯软件嘛,就离不开通讯了,然后我就想到了长连接。这里本人用的是GatewayWorker框架。
统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单,返回预支付订单号的接口,目前微信支付所有场景均使用这一接口。下面介绍的是其中JSAPI的支付实现流程
服务器优化必备:深入了解PHP8底层开发原理
Golang的网络编程:如何快速构建高性能的网络应用?
Golang和其他编程语言的对比:为什么它的开发效率更高?
PHP8底层开发原理揭秘:如何利用新特性创建出色的Web应用