layui 使用layer弹出的form，form中的按钮关闭layer的问题

最新推荐文章于 2022-08-04 10:43:10 发布
最新推荐文章于 2022-08-04 10:43:10 发布
阅读量3.2k 收藏 1
点赞数
分类专栏： 前端 layui 文章标签： layui button
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39162838/article/details/95062853
版权

页面效果如下：

点击上传按钮的时候，这个layer会自动关闭

在layui社区找到答案

form中添加button按钮，默认是submit类型，会自动提交表单的。
解决办法下面任选其一就行

1、可以用a标签替换button标签，class一样就可以了，这样就不会自动提交了

2、设置类型 type="button"

请问你是水呢
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
layer弹出层自定义提交取消按钮的例子
10-16
今天小编就为大家分享一篇layer弹出层自定义提交取消按钮的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
在layui中layer弹出层点击事件无效的解决方法
10-16
在使用layui库与layer弹窗插件进行网页开发时，可能会遇到一个问题，即在layer弹出层中的点击事件无法正常工作。这个问题通常是由于事件绑定的方式不正确导致的。本文将详细解析这个问题的原因，并提供解决方案。 ...
django - layer弹层中添加form表单的实现方式（有坑）
分享自己浅浅的知识
01-31 2385
一、展示方式 1、比如说我们在测试平台中加一个添加项目的功能，统共就两输入框，如果跳转到一个页面完成，会显得比较笨重，于是，我们可以运用弹层 二、具体实现方式如下 1、先定义这个添加项目的表单，表单的样式根据你使用的前端框架来决定，但一定要注意两点 （1）不要赤果果的直接把表单呼上去，要在外面再套一层div，我把他放到一个行里 （2）要将他的可见性，设成display：none，即将其隐藏，因为我们是想给他展示在layer弹层里，而不是层示在页面上 2、js脚本 （1）l...
你对layui的弹出层表单进行表单验证了解多少呢？
热爱技术，享受生活
08-04 1454
解决layui的弹出层表单如何进行表单验证？
点击layer弹出层按钮实现弹出层中form表单验证
silversoldier的博客
12-13 1万+
前言 在使用layui弹出层时，想着在点击弹出层中“确定”按钮时，也能触发弹出层中form表单的验证。最后找到一个还算可以的答案，参考https://fly.layui.com/jie/5581/，结合自己的理解，实现了这个功能。 具体实现 整体思路就是在弹出层form表单页面中设置一个隐藏的提交按钮，然后在layer弹出层点击“确定”按钮时，找到form表单中隐藏的提交按钮，触发点击事件，...
原生JS+layui项目笔记（一）【layer弹出框与form、table】
sinat_38011533的博客
08-09 1548
一、准备文件 1. html文件引入 <script type="text/javascript" src="./layui/layui.js"></script> <script type="text/javascript" src="./xxx/xxxx.js"></script> 2.js文件引入layui的各种组件 layui.use(['jquery',layer','table','form','laytpl','laydate'].
layui点击表单关闭弹出层
编程怪的博客
02-24 1234
废话不说直接上图！ 下图是普通的一个弹出层 layer.open({ type: 1, content:$('#aa'), title:'修改数据', skin:'layui-layer-molv', area: ['450px', '400px'], resize:false }); 下图是普通的一个表单提交按钮的监听 form.on('submit(s)', function(data){ console.log();
layer弹出层自定义提交取消按钮
图纸的博客
05-06 7434
首先从js开始 /** * 检查是否选中 */ Sendandre.check = function () { var selected = $('#' + this.id).bootstrapTable('getSelections'); if (selected.length === 0) { Feng.info("请先选中表格中的某一记录！"); ...
layui 弹出层取消按钮失效_layui中layer弹出层点击事件无效的解决方法
weixin_39632379的博客
01-18 965
1、click只能为页面现有的元素绑定点击事件，如果是动态生成的新的元素，是没有事 件的2、而(document).on('click', '指定的元素', function());方法则是将指定的事件绑定在document上，而新产生的元素如果符合指定的元素，那就触发此事件不起作用：(document).on('click', '指定的元素', function());方法则是将指定的事件绑定在...
表单提交后关闭页面（layer弹窗）
热门推荐
没伞的孩子就得跑的专栏
02-19 4万+
很多时候，我们需要在页面上弹出一些窗口供用户操作或者是一些提示信息。当然了，弹出一个表单也是有这样的需求的。那么问题就来了。当这个表单提交之后，我们需要关闭这个弹窗啊。按照我们对程序执行的顺序，我们很容易想到在submit（）函数调用后再加上一句关闭的语句。但是，你会发现加上之后确实能关闭，但是表单根本不会提交。好吧，这个时候你就开始不知道怎么办了，开始各种百度”submit（）执行之后执行js、s
使用layui前端框架弹出form表单以及提交的示例
10-16
在layui中，我们可以使用`layer`模块来创建弹窗。例如，当用户点击删除按钮时，会弹出一个确认提示框询问用户是否真的要执行删除操作。在示例代码中，`.del`是删除按钮的class，点击后会触发`onclick`事件。 ```...
SSM框架JSP使用Layui实现layer弹出层效果
10-15
在SSM（Spring、SpringMVC、MyBatis）框架中，使用JSP页面和Layui前端框架来实现layer弹出层效果是常见的做法，这样可以为用户提供更好的交互体验。Layui是一款轻量级的前端组件库，其中的layer模块提供了丰富的弹窗...
解决layui弹出层layer的area过大被遮挡的问题
10-16
layer是layui中的一个模块，用于创建各种类型的弹窗，如提示、消息、iframe等。然而，在实际使用过程中，有时我们会设置area属性来定义弹出层的宽高，但当area值过大时，可能会导致弹出层被当前页面或iframe遮挡，...
layui iframe 自定义按钮关闭当前窗口
daigula的博客
10-23 753
1. 定义一个button。 2. 实现方法 formClose = function(){ var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index); //再执行关闭 }
自写button关闭layui弹出层的几种方法
qq_37167515的博客
04-19 3661
关闭layui弹出层的各种坑layer.open({})的关闭 自写取消buttonlayer.Tab()里面配置的**iframe**layer.close()都无法关闭的页面使用 在写layer弹层时总共用到两种方法，一种layer.open({}),一种layer.tab({}),对于弹出层的关闭前后试了很多方法，踩过很多坑，现总结如下。 layer.open({})的关闭 自写取消bu...
layUi弹窗弹窗关闭按钮显示在标题栏的下方-解决
weixin_42408667的博客
11-25 2067
使用layUi前端框架，弹窗时，关闭按钮不固定，不在右上角展示，原因是少了一个div 结尾
layer弹窗和layui表单取消
laxexue的博客
09-17 2897
<div id="add-main" style="display: none;"> <form class="layui-form" id="add-form" action=""> <div class="layui-form-item center" > ...
layer点击自定义按钮关闭对应的弹窗，layer如何关闭弹窗
鹏仔工作室的秘密基地
06-22 2862
layer点击自定义按钮关闭对应的弹窗，layer如何关闭弹窗 首先自定义一个变量 点击 Btn 按钮，弹出弹窗（将弹窗事件赋给自定义的变量名） 最后点击自定义的关闭按钮 ShutDown 时，触发关闭事件，关闭对应的 LayIndex 弹窗 这样就可以实现你想关闭的任何一个弹窗，只需对应变量名即可，layer.close(变量名) <script> // 定义变量名 var LayIndex; // 点击定义的弹窗按钮弹出弹窗 $("#Btn")
layui页面的自动上下滚动
qq_39162838的博客
05-29 3538
核心代码 /* 滚动条自动上下滚动 */ scrollBar(); function scrollBar() { var height = $('.layui-table-body').height(); var number = 0; var length = 0; var time = setInter
layui form表单中 input 后加一button点击弹出layer层
最新发布
05-25
你可以像下面这样写一个表单，其中 input...接着，我们在按钮的点击事件中使用 `layer.open` 来弹出一个层。在 `layer.open` 的配置参数中，我们可以设置标题和内容，这里我们简单地设置了一个标题和一段文字作为内容。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值