javascript给iframe中的表单实现自动提交

问题描述

有一个服务器端的表单页test.html,内容是:<formaction="http://127.0.0.1"method="post"id="go"><inputtype="text"value="test"><inputtype="submit"value="提交"/></form>然后现在还有一个本地页面go.html,go.html用iframe加载了test.html,现在需要的是,打开go.html则自动提交test.html的表单,用js如何实现呢?我在go.html中写的代码是:<html><iframesrc="test.html"width="500"height="500"></iframe><scriptlanguage="javascript">functionsubmitForm(){varform=document.getElementsById("go").contentWindow.document;form.submit();}</script></html>但是打开go.html根本提交不了,无法实现,求高手帮写一个正确的代码,万分感谢

解决方案

解决方案二:
document.getElementById("go").submit();
解决方案三:
<iframeid="frame0"src="test.html"width="500"height="500">

variframeDoc=document.getElementById("frame0").document;if(iframeDoc){document.getElementById("frame0").document.getElementById("go").submit();}else{document.getElementById("frame0").contentWindow.document.getElementById("go").submit();}

解决方案四:
浏览器F12看看具体原因,调试下。
解决方案五:
<!--给iframe定义一个id--><iframeid="test_iframe"src="test.html"width="500"height="500"></iframe>

//打开页面就执行可放在onload事件里面window.onload=function(){document.getElementById("test_iframe").contentWindow.document.getElementById("go").submit();}

IE肯定是对的,其他浏览器自测
解决方案六:
2楼和4楼的高手,把你们的代码输进去了,但是打开网页后还是一点反应都没有,怎么会这样啊。。。。。。。。我用的是IE8。。。。。。。。。。
解决方案七:
如果你的test.html只有这一个iframe的话window.onload=function(){window.frames[0].document.getElementById("go").submit();}

解决方案八:
varform=document.getElementsById("go").contentWindow.document;form是子页面的document对象,能提交吗form.getElementsById("表单的ID").submit();
解决方案九:
varchild=document.getElementByIdx_x("mainFrame").contentWindow;//mainFrame这个id是父页面iframe的idchild.document;//获取子页面中的document对象;
解决方案十:
document.getElementById("go").submit();
解决方案十一:
把<scriptlanguage="javascript">functionsubmitForm(){varform=document.getElementsById("go").contentWindow.document;form.submit();}</script>

写到<body>这里</body>里面

时间: 2024-10-21 20:01:31

javascript给iframe中的表单实现自动提交的相关文章

jQuery UI Dialog控件中的表单无法正常提交的解决方法_jquery

最近使用jQuery UI的Dialog控件时发现如果在此控件放置表单,则所有表单均无法正常提交,具体表现为: 1.提交按钮失效,点击后无任何反应. 2.即便是使用其它手段使页面产生提交,服务器端也无法取到Dialog中的表单数据. 研究了页面源码后发现,jQuery UI Dialog控件初始化时动态生成的HTML元素被添加到页面的尾部.form元素的后面,而原始的Dialog模板部分(其内包含表单元素)也被移到了 动态生成的HTML元素内.也就是说,原先在form内的表单在Dialog初始化

ASP.NET MVC框架(第四部分) 处理表单编辑和提交场景

这个系列的第一篇建造了一个简单的电子商务产品列表/浏览网站.它讨论了MVC后面的高层次的概念,示范了如何从头创建一个新的 ASP.NET MVC项目,实现和测试这个电子商务产品列表功能.系列的第二篇对ASP.NET MVC框架的URL路径选择(routing)架构做了深入探讨, 讨论了它的工作原理以及你如何使用它来处理更高级的URL路径选择场景. 第三篇讨论了控制器是如何与视图做交互的,特别地讨论了你可以 把视图数据从控制器传给视图以显示返回到客户端的回复的各种方法. 在今天的帖子里,我将讨论你

[转自Scott]ASP.NET MVC框架(第四部分): 处理表单编辑和提交场景

英文原文地址:http://weblogs.asp.net/scottgu/archive/2007/12/09/asp-net-mvc-framework-part-4-handling-form-edit-and-post-scenarios.aspx 翻译原文地址:http://blog.joycode.com/scottgu/archive/2007/12/10/112465.aspx 过去的几个星期内,我一直在写着讨论我们正在开发的新ASP.NET MVC框架的系列贴子.ASP.NET

详解JavaScript中的表单验证

       这篇文章主要介绍了JavaScript中的表单验证,是JS在前端和服务器端通信部分相关的重要知识,需要的朋友可以参考下             表单验证用于发生在服务器,客户端已经输入所有必要的数据,然后按下提交按钮之后.如果一些已被输入的客户端的数据的已在错误形式或者被简单地丢失,则服务器将必须的所有数据发送回客户端,并请求的形式以正确的信息重新提交.这是一个漫长的过程,会增加服务器负担.         JavaScript中,提供了一种方法将其发送到web服务器之前验证客户端

JavaScript中Form表单技术汇总(推荐)_javascript技巧

这里不进行很复杂的后台验证以及JavaScript的正则表达式,只是简单的介绍下这个技术,简单的后台接收与跳转,大概了解怎么验证的就可以.具体的技术,我后面还会继续写博客的.本人也还在学习中. 表单验证1-简单验证 进行简单的验证,用户名必须为abcd,密码长度必须大于等于6 然后根据用户输入的数据,在后面给出提示. 代码演示: <html> <head> <title>DHTML技术演示---表单验证</title> <meta http-equiv

详细解读AngularJS中的表单验证编程

  这篇文章主要介绍了详细解读AngularJS中的表单验证编程,AngularJS是一个非常热门的JavaScript库,需要的朋友可以参考下 需求 Name 必填 Username 非必填,最小长度3,最大长度8 Email 非必填,但必须是合法的email 验证未通过的表单不能提交 显示一个必填或者非法email格式的错误信息 如果正确提交就弹出一个祝贺信息 现在知道我们的目标了吧,让我们一起来构建这个东西吧. Angular 的表单属性 $valid, $invalid, $pristi

Python的Flask框架中web表单的教程

  下面为你介绍了Python的Flask框架中web表单的教程,表单是学习各个web框架中的基础知识,需要的朋友可以参考下 概要 在前面章节我们为主页定义了一个简单的模板,部分尚未实现的模块如用户或帖子等使用模拟的对象作为临时占位. 本章我们将看到如何利用web表单填补这些空白. web表单是web应用中最基本的构建要素,我们将通过表单来实现用户发帖和应用登录功能. 完成本章内容你需要基于前面章节完成的微博应用代码,请确认这些代码已安装并能正常运行. 配置 Flask-WTF是WTForms项

Java中form表单submit之后数据发生了重置。

问题描述 Java中form表单submit之后数据发生了重置. 在java中我用form表单提交后,页面等于刷新了,等于按了一次F5,所以刚才填写的数据会初始化,也就是说刚才选择的数据全部丢失了,现在除了用ajax无刷新提交外,怎么让点击submit按钮后,数据还保留??!(不要告诉我把数据放到session中,这样做是不科学的,另外加重页面刷新速度,只是投机取巧,谁有好的方法????) 解决方案 将表单提交到隐藏的iframe也行,不一定就是ajax <iframe style="di

javaweb-JavaWeb中form表单的提交

问题描述 JavaWeb中form表单的提交 javaweb中同一个form表单中的不同按钮如何提交到不同servlet,如何实现? 解决方案 然后再添加一个按钮,添加一个函数.方法类似 解决方案二: 关于FORM下的表单提交问题不规则的form表单的提交JavaWeb开发编码系列(二)-- form表单提交原理 解决方案三: 这个是用javascript实现的,你点击某个按钮后让这个form的action属性值为某个servlet然后再提交就可以了 解决方案四: 这个是用javascript实