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 相关文章推荐
JS动态添加与删除select中的Option对象(示例代码)
Dec 20 Javascript
jquery插件开发之实现jquery手风琴功能分享
Mar 10 Javascript
javascript 数组操作详解
Jan 29 Javascript
JS根据生日算年龄的方法
May 05 Javascript
jQuery实现带玻璃流光质感的手风琴特效
Nov 20 Javascript
jquery中取消和绑定hover事件的实现代码
Jun 02 Javascript
Javascript 引擎工作机制详解
Nov 30 Javascript
jquery.Callbacks的实现详解
Nov 30 Javascript
详解vue2.0脚手架的webpack 配置文件分析
May 27 Javascript
Angular4自制一个市县二级联动组件示例
Nov 21 Javascript
JavaScript利用键盘码控制div移动
Mar 19 Javascript
JavaScript中Object、map、weakmap的区别分析
Dec 15 Javascript
用表格输出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 smarty函数扩展
2010/03/15 PHP
PHP中如何判断AJAX提交的数据
2012/02/05 PHP
PHP实现将视频转成MP4并获取视频预览图的方法
2015/03/12 PHP
Laravel5.3+框架定义API路径取消CSRF保护方法详解
2020/04/06 PHP
PHP实现文件上传与下载
2020/08/28 PHP
使用SyntaxHighlighter实现HTML高亮显示代码的方法
2010/02/04 Javascript
JQuery 常用操作代码
2010/03/14 Javascript
jquery ajax 调用失败的原因示例介绍
2013/09/27 Javascript
jQuery实现鼠标移到元素上动态提示消息框效果
2013/10/20 Javascript
果断收藏9个Javascript代码高亮脚本
2016/01/06 Javascript
js HTML5多媒体影音播放
2016/10/17 Javascript
BootStrap Fileinput上传插件使用实例代码
2017/07/28 Javascript
使用vue-cli3新建一个项目并写好基本配置(推荐)
2019/04/24 Javascript
详解JavaScript实现动态的轮播图效果
2019/04/29 Javascript
JavaScript使用面向对象实现的拖拽功能详解
2019/06/12 Javascript
nodejs实现百度舆情接口应用示例
2020/02/07 NodeJs
JS数组扁平化、去重、排序操作实例详解
2020/02/24 Javascript
JavaScript中CreateTextFile函数
2020/08/30 Javascript
pygame学习笔记(1):矩形、圆型画图实例
2015/04/15 Python
浅析Python 中整型对象存储的位置
2016/05/16 Python
快速入手Python字符编码
2016/08/03 Python
Python中时间datetime的处理与转换用法总结
2019/02/18 Python
Django通过dwebsocket实现websocket的例子
2019/11/15 Python
使用Python-OpenCV消除图像中孤立的小区域操作
2020/07/05 Python
详解Anaconda安装tensorflow报错问题解决方法
2020/11/01 Python
复古风格的女装和装饰品:ModCloth
2017/12/29 全球购物
加拿大专业美发产品购物网站:Chatters
2021/02/28 全球购物
施工人员岗位职责
2013/12/12 职场文书
四好少年事迹材料
2014/01/12 职场文书
建房协议书
2014/04/11 职场文书
乡镇平安建设汇报材料
2014/08/25 职场文书
2016新教师岗前培训心得体会
2016/01/08 职场文书
《观潮》教学反思
2016/02/17 职场文书
村党总支部公开承诺书2016
2016/03/25 职场文书
Python人工智能之混合高斯模型运动目标检测详解分析
2021/11/07 Python
Python四款GUI图形界面库介绍
2022/06/05 Python