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来判断页面控件是否获取焦点
Jan 03 Javascript
jQuery中index()的用法分析
Sep 05 Javascript
原生js和jQuery随意改变div属性style的名称和值
Oct 22 Javascript
JS 对象属性相关(检查属性、枚举属性等)
Apr 05 Javascript
javascript jquery对form元素的常见操作详解
Jun 12 Javascript
jquery,js简单实现类似Angular.js双向绑定
Jan 13 Javascript
JavaScript中双符号的运算详解
Mar 12 Javascript
基于vue2实现左滑删除功能
Nov 28 Javascript
细说webpack源码之compile流程-rules参数处理技巧(1)
Dec 26 Javascript
JS实现根据详细地址获取经纬度功能示例
Apr 16 Javascript
JS前端知识点offset,scroll,client,冒泡,事件对象的应用整理总结
Jun 27 Javascript
解决layui弹框失效的问题
Sep 09 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
咖啡磨器 如何选购一台适合家用的意式磨豆机
2021/03/05 新手入门
php 学习资料零碎东西
2010/12/04 PHP
PHP stream_context_create()作用和用法分析
2011/03/29 PHP
php使用curl存储cookie的示例
2014/03/31 PHP
tbody元素支持嵌套的注意方法
2007/03/24 Javascript
心扬JS分页函数代码
2010/09/10 Javascript
javascript instanceof 内部机制探析
2010/10/15 Javascript
javascript开发随笔二 动态加载js和文件
2011/11/25 Javascript
jquery选择器之层级过滤选择器详解
2014/01/27 Javascript
用js闭包的方法实现多点标注冒泡示例
2014/05/29 Javascript
原生js实现fadein 和 fadeout淡入淡出效果
2014/06/05 Javascript
情人节单身的我是如何在敲完代码之后收到12束玫瑰的(javascript)
2015/08/21 Javascript
分享网页检测摇一摇实例代码
2016/01/14 Javascript
用React实现一个完整的TodoList的示例代码
2017/10/30 Javascript
详解使用create-react-app快速构建React开发环境
2018/05/16 Javascript
JavaScript 对引擎、运行时、调用堆栈的概述理解
2018/10/22 Javascript
webpack file-loader和url-loader的区别
2019/01/15 Javascript
巧妙运用v-model实现父子组件传值的方法示例
2019/04/07 Javascript
vue项目打包后上传至GitHub并实现github-pages的预览
2019/05/06 Javascript
一个手写的vue放大镜效果
2019/08/09 Javascript
three.js利用射线Raycaster进行碰撞检测
2020/03/12 Javascript
原生javascript如何实现共享onload事件
2020/07/03 Javascript
python 排序算法总结及实例详解
2016/09/28 Python
python下如何查询CS反恐精英的服务器信息
2017/01/17 Python
Python使用win32com实现的模拟浏览器功能示例
2017/07/13 Python
Python中函数参数调用方式分析
2018/08/09 Python
python儿童学游戏编程知识点总结
2019/06/03 Python
django中使用Celery 布式任务队列过程详解
2019/07/29 Python
Python3操作MongoDB增册改查等方法详解
2020/02/10 Python
使用python实现CGI环境搭建过程解析
2020/04/28 Python
英国户外装备商店:Ultimate Outdoors
2019/05/07 全球购物
音乐幼师求职信
2014/07/09 职场文书
大学本科生职业生涯规划书范文
2014/09/14 职场文书
写给孩子的新学期寄语
2015/02/27 职场文书
动画「半妖的夜叉姬」新BD特典图公开
2022/03/22 日漫
mysql查看表结构的三种方法总结
2022/07/07 MySQL