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 相关文章推荐
js利用与或运算符优先级实现if else条件判断表达式
Apr 15 Javascript
深入理解JavaScript系列(21):S.O.L.I.D五大原则之接口隔离原则ISP详解
Mar 05 Javascript
JavaScript性能优化之小知识总结
Nov 20 Javascript
Function.prototype.apply()与Function.prototype.call()小结
Apr 27 Javascript
jquery ajax结合thinkphp的getjson实现跨域的方法
Jun 06 Javascript
JavaScript Ajax编程 应用篇
Jul 02 Javascript
Javascript实现基本运算器
Jul 15 Javascript
js断点调试心得分享(必看篇)
Dec 08 Javascript
JavaScript获取用户所在城市及地理位置
Apr 21 Javascript
从零开始搭建vue移动端项目到上线的步骤
Oct 15 Javascript
Koa 使用小技巧(小结)
Oct 22 Javascript
JQuery搜索框自动补全(模糊匹配)功能实现示例
Jan 08 jQuery
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在获取指定目录下的目录,在获取的目录下面再创建文件,多平台
2011/08/03 PHP
PHP创建文件,并向文件中写入数据,覆盖,追加的实现代码
2016/03/25 PHP
php版微信公众平台回复中文出现乱码问题的解决方法
2016/09/22 PHP
实例分析PHP将字符串转换成数字的方法
2019/01/27 PHP
让innerHTML的脚本也可以运行起来
2006/07/01 Javascript
Extjs4 GridPanel 的几种样式使用介绍
2013/04/18 Javascript
jQuery fadeTo方法调整图片的透明度使用介绍
2013/05/06 Javascript
jQuery过滤选择器:not()方法使用介绍
2014/04/20 Javascript
jquery实现可自动收缩的TAB网页选项卡代码
2015/09/06 Javascript
Javascript 创建类并动态添加属性及方法的简单实现
2016/10/20 Javascript
本地搭建微信小程序服务器的实现方法
2017/10/27 Javascript
node使用Mongoose类库实现简单的增删改查
2018/11/08 Javascript
微信小程序设置全局请求URL及封装wx.request请求操作示例
2019/04/02 Javascript
如何在Angular8.0下使用ngx-translate进行国际化配置
2019/07/24 Javascript
js对象属性名驼峰式转下划线的实例代码
2020/09/17 Javascript
在python中bool函数的取值方法
2018/11/01 Python
python and or用法详解
2019/06/26 Python
python opencv将图片转为灰度图的方法示例
2019/07/31 Python
python实现车牌识别的示例代码
2019/08/05 Python
django组合搜索实现过程详解(附代码)
2019/08/06 Python
python单例模式原理与创建方法实例分析
2019/10/26 Python
python3 字符串知识点学习笔记
2020/02/08 Python
Python如何把Spark数据写入ElasticSearch
2020/04/18 Python
Python3爬虫中pyspider的安装步骤
2020/07/29 Python
python统计mysql数据量变化并调用接口告警的示例代码
2020/09/21 Python
台湾演唱会订票网站:StubHub台湾
2019/06/11 全球购物
美国家居装饰店:Pier 1
2019/09/04 全球购物
软件测试有哪些?什么是配置项?
2012/02/12 面试题
军训学生自我鉴定
2014/02/12 职场文书
平安工地建设方案
2014/05/06 职场文书
个人安全生产责任书
2014/07/28 职场文书
公司踏青活动方案
2014/08/16 职场文书
党的群众路线教育实践活动对照检查材料(个人)
2014/09/24 职场文书
统计工作个人总结
2015/03/03 职场文书
Redis 哨兵机制及配置实现
2022/03/25 Redis
DSP接收机前端设想
2022/04/05 无线电