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 相关文章推荐
function, new function, new Function之间的区别
Mar 08 Javascript
Jquery中显示隐藏的实现代码分析
Jul 26 Javascript
js获取字符串最后一位方法汇总
Nov 13 Javascript
检测一个函数是否是JavaScript原生函数的小技巧
Mar 13 Javascript
AngularJS基础学习笔记之控制器
May 10 Javascript
jQuery实现图片左右滚动特效
Apr 20 Javascript
javascript实现tab切换特效
Nov 12 Javascript
react-native-tab-navigator组件的基本使用示例代码
Sep 07 Javascript
Vue开发实现吸顶效果的示例代码
Aug 21 Javascript
对vue中的事件穿透与禁止穿透实例详解
Oct 28 Javascript
js实现翻牌小游戏
Jul 31 Javascript
vue 解决uglifyjs-webpack-plugin打包出现报错的问题
Aug 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
BBS(php &amp; mysql)完整版(三)
2006/10/09 PHP
ThinkPHP中使用ajax接收json数据的方法
2014/12/18 PHP
thinkphp3.2点击刷新生成验证码
2016/02/16 PHP
php封装一个异常的处理类
2017/06/08 PHP
php如何把表单内容提交到数据库
2019/07/08 PHP
Laravel框架实现多数据库连接操作详解
2019/07/12 PHP
javascript判断chrome浏览器的方法
2014/03/26 Javascript
jquery删除指定的html标签并保留标签内文本内容的方法
2014/04/02 Javascript
Javascript图片上传前的本地预览实例
2014/06/16 Javascript
javascript实现checkbox复选框实例代码
2016/01/10 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
2017/02/22 Javascript
JavaScript 数据类型详解
2017/03/13 Javascript
Angular2中select用法之设置默认值与事件详解
2017/05/07 Javascript
vue动态绑定组件子父组件多表单验证功能的实现代码
2018/05/14 Javascript
vue 监听屏幕高度的实例
2018/09/05 Javascript
使用webpack搭建vue项目实现脚手架功能
2019/03/15 Javascript
bootstrap tooltips在 angularJS中的使用方法
2019/04/10 Javascript
微信小程序上线发布流程图文详解
2019/05/06 Javascript
JS中封装axios来管控api的2种方式
2019/09/11 Javascript
JS扁平化输出数组的2种方法解析
2019/09/17 Javascript
vue 指令和过滤器的基本使用(品牌管理案例)
2019/11/04 Javascript
js实现橱窗展示效果
2020/01/11 Javascript
浅谈vue项目,访问路径#号的问题
2020/08/14 Javascript
Python判断某个用户对某个文件的权限
2016/10/13 Python
python文件名和文件路径操作实例
2017/09/29 Python
python实现word 2007文档转换为pdf文件
2018/03/15 Python
python实现随机调用一个浏览器打开网页
2018/04/21 Python
Python基于Floyd算法求解最短路径距离问题实例详解
2018/05/16 Python
Pytorch的mean和std调查实例
2020/01/02 Python
德国团购网站:Groupon德国
2018/03/13 全球购物
Etam艾格英国官网:法国著名女装品牌
2019/04/15 全球购物
波兰在线运动商店:YesSport
2020/07/23 全球购物
户外活动策划方案
2014/03/12 职场文书
生日答谢词
2015/01/05 职场文书
婚宴邀请函
2015/01/30 职场文书
防溺水安全教育主题班会
2015/08/12 职场文书