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 相关文章推荐
Expandable &quot;Detail&quot; Table Rows
Aug 29 Javascript
浅谈JQuery+ajax+jsonp 跨域访问
Jun 25 Javascript
AngularJS 整理一些优化的小技巧
Aug 18 Javascript
js中toString()和String()区别详解
Mar 23 Javascript
浅谈vue的props,data,computed变化对组件更新的影响
Jan 16 Javascript
vue单页应用加百度统计代码(亲测有效)
Jan 31 Javascript
vuex根据不同的用户权限展示不同的路由列表功能
Sep 20 Javascript
JavaScript实现英语单词题库
Dec 24 Javascript
js将URL网址转为16进制加密与解密函数
Mar 04 Javascript
javascript实现获取中文汉字拼音首字母
May 19 Javascript
vue 解决provide和inject响应的问题
Nov 12 Javascript
JavaScript控制台的更多功能
Apr 28 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 MsSql server时遇到的中文编码问题
2009/06/11 PHP
php抓取页面的几种方法详解
2013/06/17 PHP
php多功能图片处理类分享(php图片缩放类)
2014/03/14 PHP
PHP数据的提交与过滤基本操作实例详解
2016/11/11 PHP
PHP Swoole异步Redis客户端实现方法示例
2019/10/24 PHP
Laravel 微信小程序后端实现用户登录的示例代码
2019/11/26 PHP
基于JQuery框架的AJAX实例代码
2009/11/03 Javascript
js 利用className得到对象的实现代码
2011/11/15 Javascript
script不刷新页面的联动前后代码
2013/09/18 Javascript
JavaScript 判断用户输入的邮箱及手机格式是否正确
2013/12/08 Javascript
extjs 分页使用jsp传递数据示例
2014/07/29 Javascript
JavaScrip调试技巧之断点调试
2015/10/22 Javascript
获取JS中网页各种高宽与位置的方法总结
2016/07/27 Javascript
微信小程序 省市区选择器实例详解(附源码下载)
2017/01/05 Javascript
javascript实现二叉树遍历的代码
2017/06/08 Javascript
for循环 + setTimeout 结合一些示例(前端面试题)
2017/08/30 Javascript
浅谈ajax请求不同页面的微信JSSDK问题
2018/02/26 Javascript
vue登录注册实例详解
2019/09/14 Javascript
vue-cli在 history模式下的配置详解
2019/11/26 Javascript
JQuery事件冒泡和默认行为代码实例
2020/05/13 jQuery
基于VUE实现判断设备是PC还是移动端
2020/07/03 Javascript
[01:46]2018完美盛典章节片——坚守
2018/12/17 DOTA
老生常谈Python startswith()函数与endswith函数
2017/09/08 Python
Python实现ping指定IP的示例
2018/06/04 Python
python语言的优势是什么
2020/06/17 Python
python 检测图片是否有马赛克
2020/12/01 Python
pymongo insert_many 批量插入的实例
2020/12/05 Python
django中ImageField的使用详解
2020/12/21 Python
老海军美国官网:Old Navy
2016/09/05 全球购物
世界闻名的衬衫制造商:Savile Row Company
2018/07/30 全球购物
项目资料员岗位职责
2013/12/10 职场文书
如何撰写岗位职责
2014/02/01 职场文书
公司任命书范本
2014/06/04 职场文书
博士生导师推荐信
2014/07/08 职场文书
党的群众路线对照检查材料思想汇报(学校)
2014/10/04 职场文书
元旦晚会开场白
2015/05/29 职场文书