Html From 提交
关于Html form表单的提交，很容易。。。但如果不仔细还是能有很多错误。
提交的button name 属性为 submit form的submit方法失效
。代码如下
<html>
<head></head>
<script type="text/javascript">
function getData(){
document.forms[0].submit();
}
</script>
<body>
<form id="form1" name="form1" method="get" action="http://xiayuanfeng.iteye.com">
<input type="button" name="submit" onclick="getData();" value="提交">
</form>
</body>
</html>
如果改为
<html>
<head></head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function getData(){
document.forms[0].submit();
}
</script>
<body>
<form id="form1" name="form1" method="get" action="http://xiayuanfeng.iteye.com">
<input type="button" name="aa" onclick="getData();" value="提交">
</form>
</body>
</html>
成功提交。。
我们来看看原因
<html>
<head></head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function getData(){
var objform = document.forms[0]
for(var i in objform){
if(i.indexOf("submit")!=-1){
alert(i+" ="+objform[i]);
}
}
}
</script>
<body>
<form id="form1" name="form1" method="get" action="http://xiayuanfeng.iteye.com">
<input type="text" name="aa">
<input type="button" name="submit" onclick="getData();" value="提交">
</form>
</body>
</html>
发现 submit已经变成 form 的一个属性了，并不是方法。这下明白了吧。把submit（也就是submit方法）覆盖了。所以要注意提交表单name的命名方式不要和form原有的方法，属性相同，这样会导致原来的form属性方法失效。
分享到：
相关推荐
实现form表单的回调，以及异步，伪ajax,即用户通过form表单提交后，就可以等待后台的相应
Jquery中使用ajax,表单post提交数据 插入oracle数据库， html对应的文件中 将form 表单数据 转化为json 格式
HTML form表单提交方法案例详解 form表单提交方式总结一下： 一、利用submit按钮实现提交，当点击submit按钮时，触发onclick事件，由JavaScript里函数判断输入内容是否为空，如果为空，返回false, 不提交，如果不...
html的form表单中button等实例介绍
用form提交打开新页面，类似于支付时候的效果
由于项目需要做一套调查问卷，但客户要求调查问卷的题目，必须是纯html标签，于是就面临着一系列的问题 ...似乎不行，毕竟提交的数据需要保存到数据库中，这个恐怕不是纯html可以完成的。 所以基本思路就是前
jquery form提交 url提交 返回html 返回json各种方法大全。
用iframe提交表单，主要是将表单提交到iframe中，可实现无刷新提交。 html页面： <iframe name="FORMSUBMIT" width="1" height="1" ></iframe> <form action="login....
039 漂亮的登录界面 单页form表单【html登录注册页面代码】
实际就是提交数据。 get:将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“?”连接，而各个变量之间使用“&”连接；一般用来从服务器得到数据。 3,默认是get，所以一般我们都要...
漂亮Login登陆Form表单html5模板
form中的input只有一个，input获得焦点时按回车会form自动提交： <!doctype html> <html> <head> <meta charset="UTF-8"> <title>test</title> </head> <body> <...
ajaxSubmit()方法是JQuery Form表单插件中的方法，使用时，需要在jsp或者html页面上，引入JQuery...接下来通过本文给大家分享通过AjaxSubmit()方法实现Form提交表单后回调功能，感兴趣的朋友跟随脚本之家小编一起看看吧
1、JS部分代码 代码如下: /** * 提交表单 */ function submitForm(action, actName, objName, formName,blogType){ $(“#”+formName).attr(“action”,action); //var f = document.getElementsByTagName(“form”)...
这里我们介绍一下form元素与表单提交方面的知识。 form元素 form元素的DOM接口是HTMLFormElement，继承自HTMLElement，因而它与其他的HTML元素拥有相同的默认属性，不过它自身还有几个独有的属性和方法： 属性值 ...
form name=”form” method=”post” action=”#”> <input type=”submit” name=”submit” value=”提交”> </form> 另外，还有一种常用的方法是使用图片： 复制代码代码如下: <form name=”...
1、设计源码 复制代码代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...Form提交表单页面不跳转</title> </head> <b
需求：请求第三方后台接口返回一段html字符串如下，由前端去实现form表单的POST提交， 说明：form表单submit()实现自动提交input标签hidden，注意script代码中的document.redirect.submit(); <html> <...
NULL 博文链接：https://truevoid.iteye.com/blog/625102