input、button的不同type值在ajax提交表单时导致的陷阱


Posted in Javascript onFebruary 24, 2009

今天在做利用connection 作表单提交过程中发现,标签"input"跟"botton"中的type属性设置原来也是一门学问。
在开发过程中,为了使html代码更加整洁,我首先利用YAHOO.util.Event.addListener(obj, "click", callback)类加载"click"事件来提交表单,YAHOO.util.Connect.asyncRequest('POST')方式来上传表单数据,如果表单信息不正确,那么作返回处理。而提交的按钮我采用的是<button type="submit">提交</button>。
这时发现除了IE6能够对我的表单数据作出正确的处理外,FIREFOX包括IE7都不能对我的错误处理作出回应(callback方法中,正对错误的处理方式是:只要一碰到错误,那么就通过return false的方式返回)。
这时在我的思路里想的是,在语句中提交表单数据前我已经做了返回处理,可页面怎么还是给刷新了呢。
晚上回到家里再次对今天碰到的问题做测试,结果发现,我忽略了一点,数据也的确是有提交了,并且在地址栏中可以明确地看到各种数据,而事实也证明,数据肯定是被提交了,于是想到了我的按钮,按钮的类别设置是"submit",之前在写代码时,都是直接在"input"或者"button"中,如果类别设置为"submit"时,都是这样写的onclick="return fun();"或者onclick="fun(); return false;";这自然是不会出现问题,怪就怪在,addListener类的值并不是直接影响到按钮的,一点击按钮,自然也就会提交数据了。
惨痛啊~~~~
附:button默认type值为submit,因此最好标识下类别!!!谨记!

Javascript 相关文章推荐
写的htc的数据表格
Jan 20 Javascript
Javascript中Eval函数的使用说明
Oct 11 Javascript
javascript实现的距离现在多长时间后的一个格式化的日期
Oct 29 Javascript
js下利用控制器载入对应脚本
Jul 17 Javascript
IE中的File域无法清空使用jQuery重设File域
Apr 24 Javascript
javascript跑马灯抽奖实例讲解
Apr 17 Javascript
JavaScript中的对象继承关系
Aug 01 Javascript
webix+springmvc session超时跳转登录页面
Oct 30 Javascript
JavaScript中return用法示例
Nov 29 Javascript
CSS3结合jQuery实现动画效果及回调函数的实例
Dec 27 jQuery
微信小程序通过保存图片分享到朋友圈功能
May 24 Javascript
vue实现商品加减计算总价的实例代码
Aug 12 Javascript
csdn 博客的css样式 v3
Feb 24 #Javascript
javascript web对话框与弹出窗口
Feb 22 #Javascript
JavaScript基本概念初级讲解论坛贴的学习记录
Feb 22 #Javascript
javascript eval函数深入认识
Feb 21 #Javascript
JavaScript 判断浏览器类型及版本
Feb 21 #Javascript
JavaScript 调试器简介
Feb 21 #Javascript
用jQuery简化JavaScript开发分析
Feb 19 #Javascript
You might like
php从csv文件读取数据并输出到网页的方法
2015/03/14 PHP
使用Thinkphp框架开发移动端接口
2015/08/05 PHP
php获取当前页面完整URL地址
2015/12/30 PHP
基于PHP实现数据分页显示功能
2016/05/26 PHP
jQuery+CSS实现菜单滑动伸展收缩(仿淘宝)
2013/03/22 Javascript
js判断FCKeditor内容是否为空的两种形式
2013/05/14 Javascript
jQuery实现复选框全选/取消全选/反选及获得选择的值
2014/06/12 Javascript
JavaScript获取某年某月的最后一天附截图
2014/06/23 Javascript
js单独获取一个checkbox看其是否被选中
2014/09/22 Javascript
javascript中Date()函数在各浏览器中的显示效果
2015/06/18 Javascript
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
2015/08/21 Javascript
深入理解jQuery 事件处理
2016/06/14 Javascript
微信小程序 生命周期和页面的生命周期详细介绍
2017/01/19 Javascript
微信小程序实现YDUI的ScrollTab组件
2018/02/02 Javascript
Javascript迭代、递推、穷举、递归常用算法实例讲解
2019/02/01 Javascript
Vue自定义render统一项目组弹框功能
2020/06/07 Javascript
[00:20]TI9不朽观赛名额抽取
2019/08/05 DOTA
[01:11:21]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第三场 3月7日
2021/03/11 DOTA
Python解决线性代数问题之矩阵的初等变换方法
2018/12/12 Python
利用python脚本如何简化jar操作命令
2019/02/24 Python
对django layer弹窗组件的使用详解
2019/08/31 Python
Scrapy模拟登录赶集网的实现代码
2020/07/07 Python
CSS3 Media Queries详细介绍和使用实例
2014/05/08 HTML / CSS
用css3实现转换过渡和动画效果
2020/03/13 HTML / CSS
英国打印机墨盒销售网站:Ink Factory
2019/10/07 全球购物
英国奢华护肤、美容和Spa品牌:Temple Spa
2019/11/02 全球购物
泰国最新活动和优惠:Megatix
2020/05/07 全球购物
前厅收银主管岗位职责
2014/02/04 职场文书
职工运动会感言
2014/02/07 职场文书
军训自我鉴定200字
2014/02/13 职场文书
高中军训第一天感言
2014/03/06 职场文书
审计班子对照检查材料
2014/08/27 职场文书
村党的群众路线教育实践活动工作总结
2014/10/25 职场文书
教师教育教学随笔
2015/08/15 职场文书
2016七夕情人节广告语
2016/01/28 职场文书
MySQL创建管理KEY分区
2022/04/13 MySQL