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 相关文章推荐
JavaScript编程开发中的五个实用小技巧
Jul 22 Javascript
js原生appendChild的bug解决心得分享
Jul 01 Javascript
javascript的创建多行字符串的7种方法
Apr 29 Javascript
jQuery中prepend()方法用法实例
Dec 25 Javascript
JS和css实现检测移动设备方向的变化并判断横竖屏幕
May 25 Javascript
Angular2  NgModule 模块详解
Oct 19 Javascript
JavaScript实现大图轮播效果
Jan 11 Javascript
BootStrap中jQuery插件Carousel实现轮播广告效果
Mar 27 jQuery
详解vue2.0的Element UI的表格table列时间戳格式化
Jun 13 Javascript
解决vue js IOS H5focus无法自动弹出键盘的问题
Aug 30 Javascript
基于JS实现视频上传显示进度条
May 12 Javascript
Ant Design Pro 之 ProTable使用操作
Oct 31 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编程中的__clone()方法使用详解
2015/11/27 PHP
Yii多表联合查询操作详解
2016/06/02 PHP
php封装的smarty类完整实例
2016/10/19 PHP
PHP基于XMLWriter操作xml的方法分析
2017/07/17 PHP
PHP简单实现记录网站访问量功能示例
2018/06/06 PHP
实例讲解php实现多线程
2019/01/27 PHP
JS中==与===操作符的比较
2009/03/21 Javascript
javascript 关闭IE6、IE7
2009/06/01 Javascript
jQuery Ajax方法调用 Asp.Net WebService 的详细实例代码
2011/04/27 Javascript
Ext.get() 和 Ext.query()组合使用实现最灵活的取元素方式
2011/09/26 Javascript
关于setInterval、setTimeout在jQuery中的使用注意事项
2011/09/28 Javascript
Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例
2013/12/08 Javascript
JavaScript生成随机字符串的方法
2015/03/19 Javascript
JS实现转动随机数抽奖特效代码
2020/04/16 Javascript
JS使用正则表达式实现关键字替换加粗功能示例
2016/08/03 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
2017/02/14 Javascript
浅谈vue中.vue文件解析流程
2018/04/24 Javascript
vue 2.8.2版本配置刚进入时候的默认页面方法
2018/09/21 Javascript
如何利用ES6进行Promise封装总结
2019/02/11 Javascript
详解Vue项目中实现锚点定位
2019/04/24 Javascript
vuex存值与取值的实例
2019/11/06 Javascript
autojs 蚂蚁森林能量自动拾取即给指定好友浇水的实现方法
2020/05/03 Javascript
vue+Element-ui实现分页效果
2020/11/15 Javascript
[50:58]2018DOTA2亚洲邀请赛3月29日 小组赛A组OpTic VS Newbee
2018/03/30 DOTA
Python创建文件和追加文件内容实例
2014/10/21 Python
Python实现将罗马数字转换成普通阿拉伯数字的方法
2017/04/19 Python
Python实现正弦信号的时域波形和频谱图示例【基于matplotlib】
2018/05/04 Python
Python 访问限制 private public的详细介绍
2018/10/16 Python
详解Python发送email的三种方式
2018/10/18 Python
python 使用while写猜年龄小游戏过程解析
2019/10/07 Python
利用SVG和CSS3来实现一个炫酷的边框动画
2015/07/22 HTML / CSS
校园创业策划书
2014/01/14 职场文书
企业安全生产责任书
2014/04/14 职场文书
财政局党的群众路线教育实践活动整改方案
2014/09/21 职场文书
抄袭同学作业检讨书1000字
2014/11/20 职场文书
MySQL数据库完全卸载的方法
2022/03/03 MySQL