layui 弹出层的表单提交

最新推荐文章于 2023-06-01 15:07:24 发布

飞过四海八荒的乌鸦

最新推荐文章于 2023-06-01 15:07:24 发布

阅读量2.5w

点赞数 1

CC 4.0 BY-SA版权

分类专栏：技术

本文链接：https://blog.youkuaiyun.com/liusuyao/article/details/73733448

技术专栏收录该内容

5 篇文章

订阅专栏

本文分享了使用layui框架时遇到的一个弹出层表单提交问题，并详细记录了解决过程。通过尝试多种方法，最终成功实现了弹出层表单的正确提交。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

layui是一个最近挺火的前端框架，公司新的界面就是用layui做的，确实挺好看。但是因为是之前没接触过的框架，在使用中就有比较多问题了。

最困扰我的是一个弹出层的表单提交问题：

layer.open({
	type: 2,
	title: ['个人资料-修改','font-size:13px;margin-top:10px;'],
	content:con,//con是Ajax返回的页面
	btn: ['确定修改', '取消'],
	area: ['550px', '500px'],
	shade :false,
	maxmin :true,
	anim: 2,
	yes: function(index,layero){
		$("#form").length;//直接获取表单长度=0
		$(layero).find("#form").length;//表单长度还是等于0
}

之后还使用过其他的方法，这就不一一列举了~

终于……让我在百度里找到一个可行的代码：

var body = layer.getChildFrame('body', index);

var f = body.find("#form").length;//f会等于1 说明可以获取到id=form表单的长度

现在这里做个笔记~