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,超强推荐base.js
Dec 23 Javascript
js 手机号码合法性验证代码集合
Sep 29 Javascript
使用mouse事件实现简单的鼠标经过特效
Jan 30 Javascript
字符串反转_JavaScript
Apr 28 Javascript
jQuery 3 中的新增功能汇总介绍
Jun 12 Javascript
jQuery图片左右滚动代码 有左右按钮实例
Jun 20 Javascript
Vue获取DOM元素样式和样式更改示例
Mar 07 Javascript
详解Node.js开发中的express-session
May 19 Javascript
详解AngularJS controller调用factory
May 19 Javascript
Js中将Long转换成日期格式的实现方法
Jun 05 Javascript
对layui初始化列表的CheckBox属性详解
Sep 13 Javascript
浅谈关于vue中scss公用的解决方案
Dec 02 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 的几个配置文件函数
2006/12/21 PHP
adodb与adodb_lite之比较
2006/12/31 PHP
php图片处理函数获取类型及扩展名实例
2014/11/19 PHP
php使用正则验证中文
2016/04/06 PHP
php array_values 返回数组的值实例详解
2016/11/17 PHP
JS获取父节点方法
2009/08/20 Javascript
一款Jquery 分页插件的改造方法(服务器端分页)
2011/07/11 Javascript
巧用js提交表单轻松解决一个页面有多个提交按钮
2013/11/17 Javascript
JQuery对表格进行操作的常用技巧总结
2014/04/23 Javascript
JS控制弹出新页面窗口位置和大小的方法
2015/03/02 Javascript
举例讲解JavaScript中将数组元素转换为字符串的方法
2015/10/25 Javascript
js与applet相互调用的方法
2016/06/22 Javascript
Google 地图获取API Key详细教程
2016/08/06 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
2017/04/27 jQuery
JavaScript监听手机物理返回键的两种解决方法
2017/08/14 Javascript
解决vue的 v-for 循环中图片加载路径问题
2018/09/03 Javascript
Angular6 正则表达式允许输入部分中文字符
2018/09/10 Javascript
[42:56]VGJ.S vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
[01:07:53]RNG vs VG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python黑魔法@property装饰器的使用技巧解析
2016/06/16 Python
pyqt5实现登录界面的模板
2020/05/30 Python
python getpass模块用法及实例详解
2019/10/07 Python
python“静态”变量、实例变量与本地变量的声明示例
2020/11/13 Python
JACK & JONES瑞典官方网站:杰克琼斯欧式风格男装
2017/12/23 全球购物
美国首屈一指的高品质珠宝设计师和零售商:Allurez
2018/01/23 全球购物
澳大利亚男士西服品牌:M.J.Bale
2018/02/06 全球购物
澳大利亚领先的亚麻品牌:Bed Threads
2019/12/16 全球购物
Piercing Pagoda官网:耳环、戒指、项链、手链等
2020/09/28 全球购物
sleep()方法和wait()方法的区别是什么
2012/11/17 面试题
年终总结会议主持词
2014/03/17 职场文书
日语系毕业求职信
2014/07/27 职场文书
2014年财务工作自我评价
2014/09/23 职场文书
六查六看剖析材料
2014/10/06 职场文书
工程项目经理岗位职责
2015/02/02 职场文书
靠谱准确的求职信
2019/04/02 职场文书
关于Nginx中虚拟主机的一些冷门知识小结
2022/03/03 Servers