搜索
您的当前位置:首页正文

layui弹出层按钮提交iframe表单的方法

2023-12-07 来源:好心意情感网

如下所示:

layer.open({ id: 'LAY_layuipro', //设定一个id,防止重复弹出 type: 2, title:'添加人员信息', area: ['600px','340px'], btn: ['保存','关闭'], yes: function(index, layero){ var inputForm = $(window.frames["layui-layer-iframe" + index].document).contents().find("#userForm"); inputForm.ajaxSubmit({ url:'<%=path%>/version/demand/saveDemand', type:'post', dataType:'json', success:function(result){ if(result.data=='ok'){ layer.closeAll(); layer.alert("添加成功!") reloadData();//重新加载列表 } } }); },btn2: function(){ layer.closeAll(); },content: '<%=path%>/user/toAdd' })

使用了ajax提交form表单,需要引入jquery.form.js。

以上这篇layui弹出层按钮提交iframe表单的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

小编还为您整理了以下内容,可能对您也有帮助:

layui封装弹出层提交数据方法

点击修改按钮。

layui封装弹出层提交数据方法是点击修改按钮的时候,content路径CPTL/+curId,路径中的curid是当前信息的ID,弹窗跳出当前的数据信息,然后把提交的按钮写在子页面里面添加数据并提交即可。

数据data是事实或观察的结果,是对客观事物的逻辑归纳,是用于表示客观事物的未经加工的的原始素材。数据可以是连续的值,比如声音、图像。

layui列表点击添加/编辑弹出框,ajax执行完毕layer.msg不执行回调的问题

layui弹出框提交表单,不能用form标签,要提交的内容用<div class='layui-form'>包裹,提交成功后执行layer.msg才会执行回调。

jquery的layer弹出层框架,如果设置 iframe弹出一个页面里是表单提交,提交完怎么关闭弹出层

你看一下layer的官方演示里边就有在iframe中关闭自身的例子

在你上面的“页面”中,在你提交表单后执行var index = parent.layer.getFrameIndex(window.name); //获取当前窗体索引

$('#提交的元素').on('click', function(){

    parent.layer.close(index); //执行关闭

});

你可能需要修改上面的"submit"提交为button提交

layui表单如何提交下拉框的键值

方法如下:
1、选择某一行第一个下拉框值后,与当前行第二个下拉框联动,数据为动态(后台传输)。
2、点击提交按钮后,将整个表格提交,每一行三个数据以逗号隔开,每一行数据以分号隔开。

layui表单如何提交下拉框的键值

方法如下:
1、选择某一行第一个下拉框值后,与当前行第二个下拉框联动,数据为动态(后台传输)。
2、点击提交按钮后,将整个表格提交,每一行三个数据以逗号隔开,每一行数据以分号隔开。

...提交 iframe 里的表单前怎么使用layui表单的校验功能

你看一下layer的官方演示里边就有在iframe中关闭自身的例子
在你上面的逗页面地中,在你提交表单后执行

1
2
3
4

var index = parent.layer.getFrameIndex(window.name); //获取当前窗体索引
$('#提交的元素').on('click', function(){
parent.layer.close(index); //执行关闭
});

你可能需要修改上面的"submit"提交为button提交

...提交 iframe 里的表单前怎么使用layui表单的校验功能

你看一下layer的官方演示里边就有在iframe中关闭自身的例子
在你上面的逗页面地中,在你提交表单后执行

1
2
3
4

var index = parent.layer.getFrameIndex(window.name); //获取当前窗体索引
$('#提交的元素').on('click', function(){
parent.layer.close(index); //执行关闭
});

你可能需要修改上面的"submit"提交为button提交

layui 怎么使用ajax提交表单

使用layer弹出框使用ajax方法:1.你可以自定义按钮,写在你的页面里面2.使用layer的按钮的话,按钮的回调函数的参数中有两个参数,一个是弹层的对象,一个是弹层的index,你可以使用这个弹层的对象读取弹层中的数据,比如layero.find('xxx').val()

layui 怎么使用ajax提交表单

使用layer弹出框使用ajax方法:1.你可以自定义按钮,写在你的页面里面2.使用layer的按钮的话,按钮的回调函数的参数中有两个参数,一个是弹层的对象,一个是弹层的index,你可以使用这个弹层的对象读取弹层中的数据,比如layero.find('xxx').val()

html里面,点击按钮时,怎么使用js或jq给iframe里面的表单赋值和提交

其实JQ是可以直接操作IFRAME里面的元素的

query取得iframe中元素的几种方法

在iframe子页面获取父页面元素

代码如下:

$('#objId', parent.document);

// 搞定...

在父页面 获取iframe子页面的元素

代码如下:

$("#objid",document.frames('iframename').document)

$(document.getElementById('iframeId').contentWindow.document.body).html()

显示iframe中body元素的内容。

$("#testId", document.frames("iframename").document).html();

根据iframename取得其中ID为"testId"元素

$(window.frames["iframeName"].document).find("#testId").html()

用JS或jQuery访问页面内的iframe,兼容IE/FF

注意:框架内的页面是不能跨域的!

假设有两个页面,在相同域下.

index.html 文件内含有一个iframe:

XML/HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>页面首页</title>

</head>

<body>

<iframe src="iframe.html" id="koyoz" height="0" width="0"></iframe>

</body>

</html>

iframe.html 内容:

XML/HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>iframe.html</title>

</head>

<body>

<div id="test"></div>

</body>

</html>

先绑定按钮的点击事件,然后再去操作iframe的表单元素。

但如果你只想模拟提交表单里面的元素,完全可以用PHP或者其他的语音模拟提交。

用layer 提交 iframe 里的表单前怎么使用layui表单的校验功能

form.verify({

username: function(value){

if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)){

return '用户名不能有特殊字符';

}

if(/(^\_)|(\__)|(\_+$)/.test(value)){

return '用户名首尾不能出现下划线\'_\'';

}

if(/^\d+\d+\d$/.test(value)){

return '用户名不能全为数字';

}

}

});

这个应该是支持所有layfilte的验证,写在哪里都可以,只要在你这个弹出的时候能执行

好心意情感网还为您提供以下相关内容希望对您有帮助:

layui封装弹出层提交数据方法

点击修改按钮。layui封装弹出层提交数据方法是点击修改按钮的时候,content路径CPTL/+curId,路径中的curid是当前信息的ID,弹窗跳出当前的数据信息,然后把提交的按钮写在子页面里面添加数据并提交即可。数据data是事实或观察的...

layui 怎么使用ajax提交表单

使用layer弹出框使用ajax方法:1.你可以自定义按钮,写在你的页面里面2.使用layer的按钮的话,按钮的回调函数的参数中有两个参数,一个是弹层的对象,一个是弹层的index,你可以使用这个弹层的对象读取弹层中的数据,比如...

layui表单如何提交下拉框的键值

方法如下:1、选择某一行第一个下拉框值后,与当前行第二个下拉框联动,数据为动态(后台传输)。2、点击提交按钮后,将整个表格提交,每一行三个数据以逗号隔开,每一行数据以分号隔开。

...iframe弹出一个页面里是表单提交,提交完怎么关闭弹出层

function(){ parent.layer.close(index); //执行关闭});你可能需要修改上面的"submit"提交为button提交

html里面,点击按钮时,怎么使用js或jq给iframe里面的表单赋值和提交

&lt;title&gt;iframe.html&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="test"&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; 先绑定按钮的点击事件,然后再去操作iframe的表单元素。但如果你只想模拟提交表单里面的元素,完全可以用PHP或者其他的语音模拟...

用layer 提交 iframe 里的表单前怎么使用layui表单的校验功能

我的方法是这样的 yes: function(index, layero){ var ifname="layui-layer-iframe"+index;//获得layer层的名字 var Ifame=window.frames[ifname]//得到框架 var FormID=eval(Ifame.document.getElementById("form1")...

layui列表点击添加/编辑弹出框,ajax执行完毕layer.msg不执行回调的问 ...

layui弹出框提交表单,不能用form标签,要提交的内容用&lt;div class='layui-form'&gt;包裹,提交成功后执行layer.msg才会执行回调。

layui的from表单提交到后台

我们在使用layui的时候,一般通常都用ajax去提交数据到后台,但是layui的from表单给我们提供了自动提交的方法,soEasy!!!上面就是我们使用的from表单,我们的提交按钮必须要在from表单中,并且要加上type="submit"属性 action中的...

在LayUI表单中,有AJAX方式来提交表单吗

在LayUI表单中,有AJAX方式提交表单,在表单提交监听那里,解决方法如下:1、layui本身内置了很多验证方法,只需要按照规则预设元素属性,就可以做到一些基本的验证。layui中预设lay-verify来提供验证,基本验证包含如下图。2、...

开发中iFrame表单提交的古怪问题解决

方式在页面无刷新的情况下将文件上传到服务器 这也是Ajax唯一不能做到的一件事情 不过我们通过一个比较老旧的技术可以避开这个问题 那就是在页面上使用隐藏的iFrame 在页面提交前将Form的target指向这个隐藏的iFrame 页面提交时iFrame会被...

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

热门图文

  • 酬王定国·岂有多方书五车相同朝代诗歌

    《酬王定国·岂有多方书五车》刘攽相同朝代诗词。《曹将军》、《下瞿塘》、《滕王阁》、《儿馁嗔郎罢妻寒怨藁砧唐眉山诗也戏为笺之》、《题艾溪》、《废贡院为米廪过之值盘厫》、《送客至灵谷》、《叹屩词》、《题陈朝玉爱竹轩》、《酬春湖史履庸惠四皓图》。《酬王定国·岂有多方书五车》相同朝代的诗词:《曹将军》、《下瞿塘》、《滕王阁》、《儿馁嗔郎罢妻寒怨藁砧唐眉山诗也戏为笺之》、《题艾溪》、《废贡院为米廪过之值盘厫》、《送客至灵谷》、《叹屩词》、《题陈朝玉爱竹轩》、《酬春湖史履庸惠四皓图》作者:刘攽。年代:宋代。我们为您从以下几个方面提供酬王定国·岂有多方书五车的详细介绍。一、《酬王定国·岂有多方书五车》的全文 点此查看《酬王定国·岂有多方书五车》的详细内容。岂有多方书五车,尔来留意就丹砂。

  • 和超然翁韵二首的全文 和超然翁韵二首的全文是什么

    《和超然翁韵二首》黄公度全文:西风回首故乡情,何日为园学邵平。已办孤帆冲夕浪,可堪万壑更秋声。折腰为米追时辈,当面输心愧老成。饮罢归来未能寝,微吟拥鼻数寒更。《和超然翁韵二首》全文:西风回首故乡情,何日为园学邵平。已办孤帆冲夕浪,可堪万壑更秋声。折腰为米追时辈,当面输心愧老成。饮罢归来未能寝,微吟拥鼻数寒更。作者:黄公度。年代:宋代。我们为您从以下几个方面提供和超然翁韵二首的详细介绍。一、《和超然翁韵二首》的全文 点此查看《和超然翁韵二首》的详细内容。西风回首故乡情,何日为园学邵平。已办孤帆冲夕浪,可堪万壑更秋声。折腰为米追时辈,当面输心愧老成。饮罢归来未能寝,微吟拥鼻数寒更。二、《和超然翁韵二首》黄公度其他诗词《乙亥岁除渔梁村》、《悲秋》、《卜算子》、《道间即事》、《眼儿媚》。

  • 酬王定国·岂有多方书五车的全文 酬王定国·岂有多方书五车的全文是什么

    《酬王定国·岂有多方书五车》刘攽全文:岂有多方书五车,尔来留意就丹砂。谁将饱食仓中鼠,换取红莲火里花。三顾祇能矜彼善,万钟多不悟堪嗟。蟠桃结实何难俟,况值安期枣似瓜。《酬王定国·岂有多方书五车》全文:岂有多方书五车,尔来留意就丹砂。谁将饱食仓中鼠,换取红莲火里花。三顾祇能矜彼善,万钟多不悟堪嗟。蟠桃结实何难俟,况值安期枣似瓜。作者:刘攽。年代:宋代。我们为您从以下几个方面提供酬王定国·岂有多方书五车的详细介绍。一、《酬王定国·岂有多方书五车》的全文 点此查看《酬王定国·岂有多方书五车》的详细内容。岂有多方书五车,尔来留意就丹砂。谁将饱食仓中鼠,换取红莲火里花。三顾祇能矜彼善,万钟多不悟堪嗟。蟠桃结实何难俟,况值安期枣似瓜。

  • 和超然翁韵二首的全文是什么

    《和超然翁韵二首》黄公度全文:西风回首故乡情,何日为园学邵平。已办孤帆冲夕浪,可堪万壑更秋声。折腰为米追时辈,当面输心愧老成。饮罢归来未能寝,微吟拥鼻数寒更。《和超然翁韵二首》全文:西风回首故乡情,何日为园学邵平。已办孤帆冲夕浪,可堪万壑更秋声。折腰为米追时辈,当面输心愧老成。饮罢归来未能寝,微吟拥鼻数寒更。作者:黄公度。年代:宋代。我们为您从以下几个方面提供和超然翁韵二首的详细介绍。一、《和超然翁韵二首》的全文 点此查看《和超然翁韵二首》的详细内容。西风回首故乡情,何日为园学邵平。已办孤帆冲夕浪,可堪万壑更秋声。折腰为米追时辈,当面输心愧老成。饮罢归来未能寝,微吟拥鼻数寒更。二、《和超然翁韵二首》黄公度其他诗词《乙亥岁除渔梁村》、《悲秋》、《卜算子》、《道间即事》、《眼儿媚》。

  • 酬王定国·岂有多方书五车的全文是什么

    《酬王定国·岂有多方书五车》刘攽全文:岂有多方书五车,尔来留意就丹砂。谁将饱食仓中鼠,换取红莲火里花。三顾祇能矜彼善,万钟多不悟堪嗟。蟠桃结实何难俟,况值安期枣似瓜。《酬王定国·岂有多方书五车》全文:岂有多方书五车,尔来留意就丹砂。谁将饱食仓中鼠,换取红莲火里花。三顾祇能矜彼善,万钟多不悟堪嗟。蟠桃结实何难俟,况值安期枣似瓜。作者:刘攽。年代:宋代。我们为您从以下几个方面提供酬王定国·岂有多方书五车的详细介绍。一、《酬王定国·岂有多方书五车》的全文 点此查看《酬王定国·岂有多方书五车》的详细内容。岂有多方书五车,尔来留意就丹砂。谁将饱食仓中鼠,换取红莲火里花。三顾祇能矜彼善,万钟多不悟堪嗟。蟠桃结实何难俟,况值安期枣似瓜。

Top