js总结（11）一个页面同时提交多个form表单的实施

父页面的代码

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Index</title>
       <script src="js/jquery-1.9.min.js"></script>
    </head>
    <body>
        <iframe src="form.php" width="800px" height="600px"></iframe>
        <iframe src="form.php" width="800px" height="600px"></iframe>
        <iframe src="form.php" width="800px" height="600px"></iframe>
        <iframe src="form.php" width="800px" height="600px"></iframe>
        <iframe src="form.php" width="800px" height="600px"></iframe>
        <iframe src="form.php" width="800px" height="600px"></iframe>
        <button>aa</button>
    </body>
     <script type="text/javascript">
            function submitAll(){
                var ifms = document.getElementsByTagName(‘iframe‘);
                for (var i = 0; i < ifms.length; i++) {
                    var win = (ifms[i].contentWindow || ifms[i]);
                    win.submitMe();
                }
            }
  $("button").click(
  	function () {
  	submitAll()
  	})
        </script>
</html>

　　form表单的页面

 <script type="text/javascript">
            function submitMe(){
                document.getElementById(‘testForm‘).submit();
            }
            function submitAll(){
                window.parent.submitAll();
            }
        </script>

原文地址：https://www.cnblogs.com/nice2018/p/11393532.html

时间： 2024-12-10 06:55:22

js总结（11）一个页面同时提交多个form表单的实施的相关文章

layui提交弹出页面的form表单

使用layui后台框架,无法从弹出页面调用到父页面的方法,因此一些刷新父表单表格的操作无法完成(单独打开列表页面,再弹出页面可以调用到父页面的方法),只能从父页面操作提交子页面的表单信息 1. 父页面 1.1 html <button type="button" class="layui-btn layui-btn-sm" id="add">新增用户</button> 1.2 相关js // 绑定新增用户事件 $(&quo

夺命雷公狗---在js里阻止a标签的跳转和form表单的跳转

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a href="http://www.baidu.com">百度</a> <a href="http://www.qq

js阻止form表单重复提交

防止表单重复提交的方法总体来说有两种,一种是在js中阻止重复提交:另一种是在后台利用token令牌实现,大致思路是生成一个随机码放到session和form表单的隐藏输入框中,提交表单时两者对比,表单处理完毕清空或者修改session中的token. 在js中处理简单易懂,同时能解决我现在所做的项目中的问题,目前暂用js处理,后期如有需要再研究token机制.代码如下: 1.表单提交后禁用提交按钮(在本项目中表单提交完成后,如果处理成功都把form表单关掉了) 1 /** 2 * form表单格

form表单的提交方式

开发中表单提交是很常见的,表单的提交方式也多种方式. 1.使用submit按钮提交表单 <input type="submit"/> <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>form表单提交方式</title> </head> <body>

form表单提交方式

无刷新页面提交表单表单可实现无刷新页面提交,无需页面跳转,如下,通过一个隐藏的iframe实现,form表单的target设置为iframe的name名称,form提交目标位当前页面iframe则不会刷新页面 <form action="/url.do" method="post" target="targetIfr"> <input type="text" name="name"/&g

------------参数传递的四种形式----- URL，超链接，js，form表单

什么时候用GET, 查,删, 什么时候用POST,增,改 (特列:登陆用Post,因为不能让用户名和密码显示在URL上) 4种get传参方式 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>&

***四种参数传递的形式——URL，超链接，js，form表单

什么时候用GET, 查,删什么时候用POST,增,改 (特列:登陆用Post,因为不能让用户名和密码显示在URL上) 4种get传参方式 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>&l

form表单提交target属性使用

通过form表单提交刷新iframe <form action="doctor/selPackage" target="projectlistframe" id="frm"> <table width="80%" border="0" cellspacing="0" cellpadding="0" class="tableleft"

Jquery form表单提交

起因由于项目中原先提交from是通过JavaScript指定action,在submit提交的,使用的方式,也不是很标准,造成除了ie之外的浏览器都不能正常的提交数据,做web项目还是要考虑到浏览器的兼容性的. 1.序列化form,通过Ajax提交 $.ajax({ cache: false, type: "POST", url: "readImage.do", data: $('#ff').serialize(), //序列化表单数据 async: true,