Jquery submit()无法提交问题

更新时间：2013年04月21日 15:31:15 作者：

代码点击注册按钮时无法提交表单，名称冲突可能会导致混乱的失败,接下来为大家介绍下解决方法，感兴趣的朋友可以了解下

 
<form action="register.php" method="post"> 
<div class="loginform_row"> 
<label>用户名:</label> 
<input type="text" class="loginform_input" id="name" name="name" /><div id="nameerror"></div> 
</div> 
<div class="loginform_row"> 
<label>密码:</label> 
<input type="text" class="loginform_input" id="pass" name="pass" /><div id="passerror"></div> 
</div> 
<div class="loginform_row"> 
<label>邮箱:</label> 
<input type="text" class="loginform_input" id="email" name="email" /><div id="emailerror"></div> 
</div> 
<div class="loginform_row"> 
<input type="button" class="loginform_submit" id="submit" value="注册" />改为<input type="button" class="loginform_submit" id="register" value="注册" /> 
</div> 
<div class="clear"></div> 
</form> 
$("#submit").click(function() { 
$("form").submit(); 
}); 

上述代码点击注册按钮时无法提交表单

原因
Additional Notes:
Forms and their child elements should not use input names or ids that conflict with properties of a form, such as submit, length, or method. Name conflicts can cause confusing failures. For a complete list of rules and to check your markup for these problems, see DOMLint.

其他注意事项：
表单和其子元素不宜用一个表单的属性的属性作为name或id的名称，如submit, length, or method，是、会产生冲突。名称冲突可能会导致混乱的失败。对于一个完整的规则列表，并检查这些问题标记，看DOMLint。
所以将注册按钮的id改为“register”就OK了

您可能感兴趣的文章:

读jQuery之八包装事件对象
由于各个浏览器中原生事件对象的差异性，多数 JS库/框架都或多或少的对原生事件对象进行了修复及包装。
2011-06-06
jQuery 淡入/淡出效果函数用法分析
这篇文章主要介绍了jQuery 淡入/淡出效果函数用法,结合实例形式分析了jQuery 淡入/淡出功能fadeIn()、fadeOut()、fadeToggle()及fadeTo()函数基本功能、使用方法与操作注意事项,需要的朋友可以参考下
2020-05-05
基于jQuery的淡入淡出可自动切换的幻灯插件
基于jQuery淡入淡出可自动切换的幻灯插件,原型是前几天写的一个幻灯效果,因为一个小bug卡了两天,然后清空之前写的代码,重新整理思路写出来的. 思维是个很诡异的东西,一旦陷入某个死角,很难逃出. 惟有冷却一些时间,完全抛开旧的思维,才能找到新的出路.
2010-08-08
jQuery 创建Dom元素
jQuery 创建Dom元素代码，需要的朋友可以参考下。
2010-05-05
jquery 单击li防止重复加载的实现代码
li在单击后调用ajax加载内容然后展开，li不像button在响应了单击事件后可以设置为disabled。
2010-12-12
jQuery实现简单漂亮的Nav导航菜单效果
这篇文章主要介绍了jQuery实现简单漂亮的Nav导航菜单效果,涉及jQuery响应鼠标事件动态遍历与操作页面元素属性的相关实现技巧,需要的朋友可以参考下
2017-03-03
简单讲解jQuery中的子元素过滤选择器
这篇文章主要介绍了jQuery中的子元素过滤选择器,列举了一些操作DOM时获取父元素的一些方法,需要的朋友可以参考下
2016-04-04
jQuery取得元素标签名称小结（附代码）
这篇文章主要介绍了 jquery如何取得元素标签名称，将html和js代码附上，具体操作步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一下。
2017-08-08
jQuery zclip插件实现跨浏览器复制功能
这篇文章主要介绍了jQuery zclip插件实现跨浏览器复制功能的方法，以及在实现过程中遇到的问题，感兴趣的小伙伴们可以参考一下
2015-11-11
jQuery轮播图功能制作方法详解
这篇文章主要介绍了jQuery轮播图功能制作方法,结合实例形式详细分析了jQuery轮播图实现原理、步骤与相关操作技巧,需要的朋友可以参考下
2019-12-12