Jquery submit()无法提交问题


Posted in Javascript onApril 21, 2013
<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了

Javascript 相关文章推荐
jquery焦点图片切换(数字标注/手动/自动播放/横向滚动)
Jan 24 Javascript
在Node.js中实现文件复制的方法和实例
Jun 05 Javascript
Bootstrap 粘页脚效果
Mar 28 Javascript
jquery ezUI 双击行记录弹窗查看明细的实现方法
Jun 01 Javascript
NODE.JS跨域问题的完美解决方案
Oct 20 Javascript
javascript入门之string对象【新手必看】
Nov 22 Javascript
Bootstrap 3 进度条的实现
Feb 22 Javascript
jQuery选择器中的特殊符号处理方法
Sep 08 jQuery
Vue实现购物车场景下的应用
Nov 27 Javascript
Es6 Generator函数详细解析
Feb 24 Javascript
关于Angularjs中自定义指令一些有价值的细节和技巧小结
Apr 22 Javascript
vue代码分块和懒加载非必要资源文件
Apr 11 Vue.js
用表格输出1-1000之间的数字实现代码(附特效)
Apr 21 #Javascript
放弃用你的InnerHTML来输出HTML吧 jQuery Tmpl不详细讲解
Apr 20 #Javascript
对jQuery的事件绑定的一些思考(补充)
Apr 20 #Javascript
A标签中通过href和onclick传递的this对象实现思路
Apr 19 #Javascript
javascript中onclick(this)用法介绍
Apr 19 #Javascript
jQuery使用一个按钮控制图片的伸缩实现思路
Apr 19 #Javascript
使用jQuery同时控制四张图片的伸缩实现代码
Apr 19 #Javascript
You might like
PHP 批量删除数据的方法分析
2009/10/30 PHP
PHP操作数组相关函数
2011/02/03 PHP
ThinkPHP实现带验证码的文件上传功能实例
2014/11/01 PHP
PHP符合PSR编程规范的实例分享
2016/12/21 PHP
MAC下通过改apache配置文件切换php多版本的方法
2017/04/26 PHP
PHP实现统计代码行数小工具
2019/09/19 PHP
摘自百度的图片轮换效果代码
2007/11/19 Javascript
javascript 获取图片颜色
2009/04/05 Javascript
一个用javascript写的select支持上下键、首字母筛选以及回车取值的功能
2009/09/09 Javascript
JavaScript eval() 函数介绍及应用示例
2014/07/29 Javascript
jQuery图片渐变特效的简单实现
2016/06/25 Javascript
jQueryUI Datepicker组件设置日期高亮
2016/10/13 Javascript
JavaScript 总结几个提高性能知识点(推荐)
2017/02/20 Javascript
浅谈js使用in和hasOwnProperty获取对象属性的区别
2017/04/27 Javascript
bootstrap modal+gridview实现弹出框效果
2017/08/15 Javascript
vue.js默认路由不加载linkActiveClass问题的解决方法
2017/12/11 Javascript
nodejs简单读写excel内容的方法示例
2018/03/16 NodeJs
vue-router之nuxt动态路由设置的两种方法小结
2018/09/26 Javascript
vue+elementUi图片上传组件使用详解
2019/08/20 Javascript
JavaScript 实现HTML DOM增删改查操作的常见方法详解
2020/01/04 Javascript
python实现word 2007文档转换为pdf文件
2018/03/15 Python
python opencv摄像头的简单应用
2019/06/06 Python
python @propert装饰器使用方法原理解析
2019/12/25 Python
如何验证python安装成功
2020/07/06 Python
html5 canvas 使用示例
2010/10/22 HTML / CSS
使用phonegap获取位置信息的实现方法
2017/03/31 HTML / CSS
如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度
2019/08/01 HTML / CSS
html5 canvas 实现光线沿不规则路径运动
2020/04/20 HTML / CSS
华丽的手绘陶瓷:MacKenzie-Childs
2017/02/04 全球购物
来自Ocado的宠物商店:Fetch
2018/07/10 全球购物
波兰在线儿童和婴儿用品零售商:pinkorblue
2019/06/29 全球购物
四种会话跟踪技术
2015/05/20 面试题
超级搞笑检讨书
2014/01/15 职场文书
咖啡店自主创业商业计划书
2014/01/22 职场文书
远程培训的心得体会
2014/09/01 职场文书
Golang获取List列表元素的四种方式
2022/04/20 Golang