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 相关文章推荐
5个javascript的数字格式化函数分享
Dec 07 Javascript
jQuery制作仿腾讯web qq用户体验桌面
Aug 20 Javascript
网页右下角弹出窗体实现代码
Jun 05 Javascript
JS简单实现动画弹出层效果
May 05 Javascript
一道常被人轻视的web前端常见面试题(JS)
Feb 15 Javascript
JS实现回到页面顶部动画效果的简单实例
May 24 Javascript
JS实现的自定义显示加载等待图片插件(loading.gif)
Jun 17 Javascript
JavaScript中常用的验证reg
Oct 13 Javascript
JS正则表达式封装与使用操作示例
May 15 Javascript
vue路由缓存的几种实现方式小结
Feb 02 Javascript
微信小程序录音实现功能并上传(使用node解析接收)
Feb 26 Javascript
JS中一些高效的魔法运算符总结
May 06 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英文字母大小写转换函数小结
2014/05/03 PHP
PHP开发微信支付的代码分享
2014/05/25 PHP
php利用云片网实现短信验证码功能的示例代码
2017/11/18 PHP
php输出文字乱码的解决方法
2019/10/04 PHP
jqPlot Option配置对象详解
2009/07/25 Javascript
juqery 学习之三 选择器 可见性 元素属性
2010/11/25 Javascript
js模拟滚动条(横向竖向)
2013/02/22 Javascript
require.js深入了解 require.js特性介绍
2014/09/04 Javascript
javascript实现全角转半角的方法
2016/01/23 Javascript
jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码
2016/08/15 Javascript
JS实现面向对象继承的5种方式分析
2018/07/21 Javascript
微信小程序实现的动态设置导航栏标题功能示例
2019/01/31 Javascript
django中使用vue.js的要点总结
2019/07/07 Javascript
JS实现星星海特效
2019/12/24 Javascript
vue.js实现点击图标放大离开时缩小的代码
2021/01/27 Vue.js
[01:43]倾听DOTA2英雄之声 魅惑魔女国服配音鉴赏
2013/06/06 DOTA
Python入门学习之字符串与比较运算符
2015/10/12 Python
Python 搭建Web站点之Web服务器网关接口
2016/11/06 Python
详解Python_shutil模块
2019/03/15 Python
使用Django简单编写一个XSS平台的方法步骤
2019/03/25 Python
python框架flask表单实现详解
2019/11/04 Python
python实现的多任务版udp聊天器功能案例
2019/11/13 Python
python代码如何实现余弦相似性计算
2020/02/09 Python
Python如何使用paramiko模块连接linux
2020/03/18 Python
Python flask框架如何显示图像到web页面
2020/06/03 Python
Python Switch Case三种实现方法代码实例
2020/06/18 Python
python3实现简单飞机大战
2020/11/29 Python
The Hut美国/加拿大:英国领先的豪华在线百货商店
2019/03/26 全球购物
Booking.com德国:预订最好的酒店和住宿
2020/02/16 全球购物
数据库设计的包括哪两种,请分别进行说明
2016/07/15 面试题
乡镇纠风工作实施方案
2014/03/22 职场文书
房产转让协议书(2014版)
2014/09/30 职场文书
师德先进个人事迹材料
2014/12/19 职场文书
《中国机长》观后感:敬畏生命,敬畏职责
2019/11/12 职场文书
nginx的zabbix 5.0安装部署的方法步骤
2021/07/16 Servers
中国古风插画师排行榜:夏达第一,第三是阴阳师姑获鸟皮肤创作者
2022/03/18 国漫