layer关闭弹出窗口触发表单提交问题的处理方法
1、前言
表单的代码：
<form> 此处理代码略... <div id="footer"> <button class="btn btn-success" name="save" type="submit" title="保存">保存</button> <button class="btn btn-success" id="_closed" οnclick="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);
});
)};
这样处理后，点关闭按钮后就直接关闭窗口，不再执行保存操作。
以上这篇layer关闭弹出窗口触发表单提交问题的处理方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍php 提交表单 关闭layer弹窗iframe的实例讲解，包括了php 提交表单 关闭layer弹窗iframe的实例讲解的使用技巧和注意事项，需要的朋友参考一下 介绍一款非常好用的前端弹窗插件： layer 官网地址：http://layer.layui.com/ 根据官方的API：layer的iframe弹窗 这里以php开发为例 演示如何 提交表单后自动关闭layer弹窗 （
-
我有这段代码显示了一个按钮谁显示一个弹出窗口，我希望用户能够关闭弹出窗口点击它的外部时，它是打开的。
-
本文向大家介绍用javascript关闭本窗口不弹出询问框的方法，包括了用javascript关闭本窗口不弹出询问框的方法的使用技巧和注意事项，需要的朋友参考一下 大家都知道window.close()是用来关闭窗口的，而且ie和firefox都是支持的。 为了实现用户对浏览器的绝对控制，ie中用close关闭非open打开的窗口时回弹出一个对话框询问用户，怎么去掉这个框呢，请看下面的代码。 在w
-
所以我只是想知道是否有人知道在JavaFX 8中关闭弹出窗口的正确方法。例如，如果我的弹出窗口上有一个取消按钮，当按下取消按钮时，我应该使用什么方法来摆脱弹出窗口？我目前只是使用隐藏（）方法。这让我有点害怕，因为我不确定弹出窗口是否在后台某处徘徊并且仍然需要关闭。但是，当我在这里查看java文档时，我没有看到任何关闭（）方法，我也没有在我的IDE自动完成中看到关闭（）方法。不过，我确实在文档中看到
-
我有一个tkinter GUI python代码，它为我的代码创建了一个GUI接口，在稍后的代码中使用了声音工具包（它也使用Tk，并使用root=Tk（）创建了一个实例）。因为，以前GUI应用程序的主循环已经在运行，所以每当调用snack函数时，就会弹出一个新的空默认tk窗口。由于这种情况经常发生，所以当代码执行时，屏幕上有数百个空tk窗口。我曾尝试使用多种方法关闭它们。毁灭，根。撤消、WM_删除
-
我想在JavaFX中创建特定的组件。在 onClick 事件后显示 poupup 的按钮。 情景： > < li> 我们单击按钮 弹出显示下面的按钮（如图片上所示）