当input标签name属性为submit时对表单的影响

 这种情况下javascript触发的表单提交动作都是无效的。

 

提示

 

$("#frmTest")[0].submit is not a function

 

 

无论是不是用JQuery都是一样的错误。

实例代码：

 

<form id="frmTest" method="get" action="test.do" >
	<input type="text" name="userName" />
	<input type="button" id="btnSubmit" name="submit" value="确定" />
</form>

<script type="text/javascript">
	$("#btnSubmit").click(function () {
		// 方法1
		$("#frmTest").submit();
		// 方法2
		$("#frmTest")[0].submit();
		// 方法3
		document.getElementById("frmTest").submit();
	});
</script>

 

 

原因？

 

 

<input type="button" id="btnSubmit" name="submit" value="确定" />

 

submit is not a function：说明它不是方法(提交表单的方法)，它是一个节点（它是input标签）。

 

这个问题搞了我几个小时，第一眼没有理解到报错信息导致转移了解决思路。

 

 

 

 

 

评论

5 楼 麦蒂粉丝 2011-01-20  

恩，先注意下！

4 楼 onlylau 2011-01-20  

我前段时间也遇到过类似的情况~

3 楼 ka520888 2011-01-20  

哥们.可能是因为submit是属于JS 关键字,保留字所引起的这一情况.你改一下NAME的名字吧...不一定就非得用SUBMIT这个东西又不是给用户看的.....

2 楼 glyustb 2011-01-13  

昨天刚碰到这个问题

1 楼 houfeng0923 2011-01-13  

哦，我也刚看明白。确实有点迷惑