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中的有名函数和无名函数
Oct 17 Javascript
js 方法实现返回多个数据的代码
Apr 30 Javascript
Javascript绝句欣赏 一些经典的js代码
Feb 22 Javascript
判断JS对象是否拥有某种属性的两种方式
Dec 02 Javascript
JavaScript中的依赖注入详解
Mar 18 Javascript
JavaScript的jQuery库中ready方法的学习教程
Aug 14 Javascript
JavaScript正则表达式小结(test|match|search|replace|split|exec)
Dec 08 Javascript
jQuery中的100个技巧汇总
Dec 15 Javascript
移动端Ionic App 资讯上下循环滚动的实现代码(跑马灯效果)
Aug 29 Javascript
vue中实现滚动加载更多的示例
Nov 08 Javascript
vue生命周期的探索
Apr 03 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
Jun 04 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
谏山创故乡大分县日田市水坝将设立《进击的巨人》立艾伦、三笠以及阿尔敏的铜像!
2020/03/06 日漫
用PHP编程开发“虚拟域名”系统
2006/10/09 PHP
php数字每三位加逗号的功能函数
2015/10/22 PHP
php分页原理 分页代码 分页类制作教程
2016/09/23 PHP
laravel实现分页样式替换示例代码(增加首、尾页)
2017/09/22 PHP
Laravel 实现添加多语言提示信息
2019/10/25 PHP
代码精简的可以实现元素圆角的js函数
2007/07/21 Javascript
JavaScript中String和StringBuffer的速度之争
2010/04/01 Javascript
jQuery选择没有colspan属性的td的代码
2010/07/06 Javascript
上传的js验证(图片/文件的扩展名)
2013/04/25 Javascript
js浮动图片的动态效果
2013/07/10 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
2014/06/06 Javascript
jQuery实现点击水纹波动动画
2016/04/10 Javascript
javascript中利用柯里化函数实现bind方法
2016/04/29 Javascript
全面解析Bootstrap中nav、collapse的使用方法
2016/05/22 Javascript
Web前端框架Angular4.0.0 正式版发布
2017/03/28 Javascript
Vue中引入样式文件的方法
2017/08/18 Javascript
JS跳转手机站url的若干注意事项
2017/10/18 Javascript
JS实现的邮箱提示补全效果示例
2018/01/30 Javascript
elementUI多选框反选的实现代码
2019/04/03 Javascript
JS扁平化输出数组的2种方法解析
2019/09/17 Javascript
微信小程序拖拽排序列表的示例代码
2020/07/08 Javascript
[14:24]Optic Gaming vs PSG LGD BO3
2018/06/07 DOTA
21行Python代码实现拼写检查器
2016/01/25 Python
Apache如何部署django项目
2017/05/21 Python
Python编程实现双链表,栈,队列及二叉树的方法示例
2017/11/01 Python
Python 12306抢火车票脚本 Python京东抢手机脚本
2018/02/06 Python
pytorch中的embedding词向量的使用方法
2019/08/18 Python
python3实现语音转文字(语音识别)和文字转语音(语音合成)
2020/10/14 Python
ONLY德国官方在线商店:购买时尚女装
2017/09/21 全球购物
优秀的毕业生的自我评价
2013/12/12 职场文书
秋季运动会加油稿200字
2014/01/11 职场文书
便利店投资的创业计划书
2014/01/12 职场文书
护理工作心得体会
2016/01/22 职场文书
导游词之海南-南湾猴岛
2019/10/12 职场文书
pandas中关于apply+lambda的应用
2022/02/28 Python