当前位置: 代码迷 >> Web前端 >> 当input标签name属性替submit时对表单的影响
  详细解决方案

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

热度:100   发布时间:2012-10-27 10:42:26.0
当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标签)。

?

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

?

?

?

?

?

1 楼 houfeng0923 2011-01-13  
哦,我也刚看明白。确实有点迷惑
2 楼 glyustb 2011-01-13  
昨天刚碰到这个问题
3 楼 ka520888 2011-01-20  
哥们.可能是因为submit是属于JS 关键字,保留字所引起的这一情况.你改一下NAME的名字吧...不一定就非得用SUBMIT这个东西又不是给用户看的.....
4 楼 onlylau 2011-01-20  
我前段时间也遇到过类似的情况~
5 楼 麦蒂粉丝 2011-01-20  
恩,先注意下!
  相关解决方案