论坛首页 Web前端技术论坛

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

浏览 4069 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2011-01-12  

 这种情况下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标签)。

 

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

 

 

 

 

 

   发表时间:2011-01-13  
哦,我也刚看明白。确实有点迷惑
0 请登录后投票
   发表时间:2011-01-13  
昨天刚碰到这个问题
0 请登录后投票
   发表时间:2011-01-20  
哥们.可能是因为submit是属于JS 关键字,保留字所引起的这一情况.你改一下NAME的名字吧...不一定就非得用SUBMIT这个东西又不是给用户看的.....
0 请登录后投票
   发表时间:2011-01-20  
我前段时间也遇到过类似的情况~
0 请登录后投票
   发表时间:2011-01-20  
恩,先注意下!
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics