关于Html form 表单的提交,很容易。。。但如果不仔细还是能有很多错误。
提交的button name 属性为 submit form 的submit方法失效 。代码如下
# < html > # < head > </ head > # < script type = "text/javascript" > # function getData(){ # document.forms[0].submit(); //这里会出错,因为他它读取的是input标签名为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> <mce:script type="text/javascript" src="jquery.js" mce_src="jquery.js"></mce:script> <mce: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]); } } } // --></mce:script> <body> <form id="form1" name="form1" method="get" action="http://xiayuanfeng.iteye.com"> <input type="text" name="aa"> <input type="button" name="submit" οnclick="getData();" value="提交"> </form> </body> </html>
发现 submit已经变成 form 的一个属性了,并不是方法。这下明白了吧。把submit(也就是submit方法)覆盖了。所以要注意提交表单name的命名方式不要和form 原有的方法,属性相同,这样会导致原来的form 属性方法失效。