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 相关文章推荐
htm调用JS代码
Mar 15 Javascript
js同时按下两个方向键
Dec 01 Javascript
javascript call方法使用说明
Jan 11 Javascript
28个JS验证函数收集
Mar 02 Javascript
使用基于jquery的gamequery插件做JS乒乓球游戏
Jul 31 Javascript
JavaScript生成GUID的多种算法小结
Aug 18 Javascript
jquery ready函数、css函数及text()使用示例
Sep 27 Javascript
jquery实现删除一个元素后面的所有元素功能
Dec 21 Javascript
微信小程序 vidao实现视频播放和弹幕的功能
Nov 02 Javascript
详解JS中定时器setInterval和setTImeout的this指向问题
Jan 06 Javascript
JS 实现随机验证码功能
Feb 15 Javascript
react.js 获取真实的DOM节点实例(必看)
Apr 17 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
PHP4 与 MySQL 交互使用
2006/10/09 PHP
php MYSQL 数据备份类
2009/06/19 PHP
php二维数组排序与默认自然排序的方法介绍
2013/04/27 PHP
javascript实现二分查找法实现代码
2007/11/12 Javascript
IE8 浏览器Cookie的处理
2009/01/31 Javascript
jquery高效反选具体实现
2013/05/05 Javascript
基于jQuery实现最基本的淡入淡出效果实例
2015/02/02 Javascript
JS实现为表格动态添加标题的方法
2015/03/31 Javascript
EasyUI中在表单提交之前进行验证
2016/07/19 Javascript
JS表格组件BootstrapTable行内编辑解决方案x-editable
2016/09/01 Javascript
JS html时钟制作代码分享
2017/03/03 Javascript
javascript中this用法实例详解
2017/04/06 Javascript
vue实现一个移动端屏蔽滑动的遮罩层实例
2017/06/08 Javascript
AngularJS 限定$scope的范围实例详解
2017/06/23 Javascript
JavaScript 用fetch 实现异步下载文件功能
2017/07/21 Javascript
微信小程序如何获取用户手机号
2018/01/26 Javascript
JavaScript页面倒计时功能完整示例
2019/05/15 Javascript
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
2020/04/04 jQuery
vue导入.md文件的步骤(markdown转HTML)
2020/12/31 Vue.js
vue element和nuxt的使用技巧分享
2021/01/14 Vue.js
[03:11]不朽宝藏三外观展示
2020/09/18 DOTA
Python实现保证只能运行一个脚本实例
2015/06/24 Python
Python制作简易注册登录系统
2016/12/15 Python
Python进阶之全面解读高级特性之切片
2019/02/19 Python
Pytorch抽取网络层的Feature Map(Vgg)实例
2019/08/20 Python
为你的html5网页添加音效示例
2014/04/03 HTML / CSS
英国二手物品交易网站:Preloved
2017/10/06 全球购物
莫斯科高科技在线商店:KremlinStore
2019/03/13 全球购物
摩飞电器俄罗斯官方网站:Morphy Richards俄罗斯
2020/07/30 全球购物
焊接专业毕业生求职信
2013/10/01 职场文书
英文版区域经理求职信
2013/10/23 职场文书
群众路线教育实践活动心得体会
2014/03/07 职场文书
校园文化艺术节宣传标语
2014/10/09 职场文书
年底个人总结范文
2015/03/10 职场文书
2015年大学迎新工作总结
2015/07/16 职场文书
导游词之徐州-云龙山
2019/09/29 职场文书