当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标签）。

 

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