layer关闭弹出窗口触发表单提交问题处理
来源:互联网 发布:淘宝商城检测入驻 编辑:程序博客网 时间:2024/05/24 15:37
1、前言
表单的代码:
<form> 此处理代码略... <div id="footer"> <button class="btn btn-success" name="save" type="submit" title="保存">保存</button> <button class="btn btn-success" id="_closed" onclick="closeCurrForm()">关闭</button> </div></form>
closeCurrForm函数:
//关闭当前窗口function closeCurrForm(){ //获取窗口索引 var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index);}
2、问题及原因和解决方法
问题:上面的代码在点关闭按钮后,会确发提交表单请求,会将表单的信息进行保存操作。但关闭按钮是不需求执行保存操作的。
原因:关闭按钮没有标识type属性,系统会默认其type属性为submit,所以点击它就会触发保存操作。
解决方法:为关闭安钮添加type属性,值为button。type=”button”
3、具体代码如:
此处理代码略... <div id="footer"> <button class="btn btn-success" name="save" type="submit" title="保存">保存</button> <button class="btn btn-success" id="closeBtn" type="button" >关闭</button> </div></form>
触发事件代码:
$(document).ready(function () { //关闭当前窗口 $("#closeBtn").click(function(){ //获取窗口索引 var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); });)};
这样处理后,点关闭按钮后就直接关闭窗口,不再执行保存操作。
阅读全文
0 0
- layer关闭弹出窗口触发表单提交问题处理
- 关于layer.js 弹出框表单提交关闭父窗口出现表单提交失效的问题
- 弹出showModalDialog窗口提交表单并关闭窗口的问题 (关闭又弹出新窗口问题)
- layer.msg弹出会关闭layer.open弹出的窗口问题
- 使用Layer弹出iframe表单窗口,有几率无法成功提交表单问题解决
- layer 弹出层在提交后关闭,然后刷新父窗口
- php 提交表单 关闭layer弹窗iframe
- 模态窗口提交表单时弹出新窗口问题
- 回车键触发表单提交问题
- jquery的layer弹出层框架,如果设置 iframe弹出一个页面里是表单提交,提交完怎么关闭弹出层
- jquery的layer弹出层框架,如果设置 iframe弹出一个页面里是表单提交,提交完怎么关闭弹出层
- jquery提交表单(2弹出窗口)
- 表单提交后弹出确认窗口
- layer.js 弹出层提交form表单,action重定向
- 表单提交后关闭页面(layer弹窗)
- 表单提交后关闭页面(layer弹窗)
- 回车键触发表单提交的问题
- javascript 回车键触发表单提交的问题
- 全选反选
- 现实•理论•证据──谈如何做研究和写论文
- LINUX重启MYSQL的命令
- 拉格朗日乘子法的证明
- 任务管理机制二
- layer关闭弹出窗口触发表单提交问题处理
- MySQL修改root密码
- Sublime Text 3最好的功能、插件和设置
- Java 开发环境配置
- 简易版WireShark实现-相关网络知识(2)
- MFC打开文件夹选择对话框
- C语言字符串处理函数总结与实例
- Java实现Redis发布/订阅
- protobuf 转换python代码时发生 Expected "required", "optional", or "repeated".错误解决方法