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 相关文章推荐
左右悬浮可分组的网站QQ在线客服代码(可谓经典)
Dec 21 Javascript
关于JS管理作用域的问题
Apr 10 Javascript
JS中的this变量的使用介绍
Oct 21 Javascript
javascript使用数组的push方法完成快速排序
Sep 15 Javascript
javascript弹出拖动窗口
Aug 11 Javascript
用js实现博客打赏功能
Oct 24 Javascript
vue.js 获取select中的value实例
Mar 01 Javascript
jQuery中实现text()的方法
Apr 04 jQuery
JS实现li标签的删除
Apr 12 Javascript
微信小程序订阅消息(java后端实现)开发
Jun 01 Javascript
vue实现两个组件之间数据共享和修改操作
Nov 12 Javascript
JS如何实现在弹出窗口中加载页面
Dec 03 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
Windows下安装Memcached的步骤说明
2010/04/25 PHP
PHP ? EasyUI DataGrid 资料存的方式介绍
2012/11/07 PHP
使用PHP下载CSS文件中的图片的代码
2013/09/24 PHP
PHP中time(),date(),mktime()区别介绍
2013/09/28 PHP
php读取mysql的简单实例
2014/01/15 PHP
php生成图片缩略图的方法
2015/04/07 PHP
js监听输入框值的即时变化onpropertychange、oninput
2011/07/13 Javascript
jquery将一个表单序列化为一个对象的方法
2014/01/03 Javascript
html的DOM中Event对象onabort事件用法实例
2015/01/21 Javascript
JavaScript中数据结构与算法(五):经典KMP算法
2015/06/19 Javascript
jQuery解析json格式数据简单实例
2016/01/22 Javascript
深入理解javascript作用域第二篇之词法作用域和动态作用域
2016/07/24 Javascript
vue中用H5实现文件上传的方法实例代码
2017/05/27 Javascript
简单谈谈axios中的get,post方法
2017/06/25 Javascript
详解基于angular-cli配置代理解决跨域请求问题
2017/07/05 Javascript
基于ionic实现下拉刷新功能
2018/05/10 Javascript
Vue3.0数据响应式原理详解
2019/10/09 Javascript
JavaScript如何借用构造函数继承
2019/11/06 Javascript
实例讲解React 组件生命周期
2020/07/08 Javascript
Python的Flask框架与数据库连接的教程
2015/04/20 Python
Python基于多线程操作数据库相关问题分析
2018/07/11 Python
Python numpy线性代数用法实例解析
2019/11/15 Python
Pytorch中Tensor与各种图像格式的相互转化详解
2019/12/26 Python
python range实例用法分享
2020/02/06 Python
Python动态导入模块和反射机制详解
2020/02/18 Python
浅谈Python的方法解析顺序(MRO)
2020/03/05 Python
Python 实现网课实时监控自动签到、打卡功能
2020/03/12 Python
TripAdvisor瑞典:全球领先的旅游网站
2017/12/11 全球购物
SteelSeries赛睿官网:游戏外设和配件的领先制造商(耳机、键盘、鼠标和鼠标垫)
2018/06/17 全球购物
世界上最好的旅行夹克:BauBax
2018/12/23 全球购物
乌克兰第一的珠宝网上商店:Gold.ua
2019/11/29 全球购物
C语言编程练习
2012/04/02 面试题
工厂搬迁方案
2014/05/11 职场文书
2015年化验员工作总结
2015/04/10 职场文书
开天辟地观后感
2015/06/09 职场文书
PHP连接MSSQL数据库案例,PHPWAMP多个PHP版本连接SQL Server数据库
2021/04/16 PHP