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 相关文章推荐
extjs 学习笔记(一) 一些基础知识
Oct 13 Javascript
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
Jan 07 Javascript
重载toString实现JS HashMap分析
Mar 13 Javascript
JavaScript实现的链表数据结构实例
Apr 02 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
Sep 24 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
Dec 18 Javascript
javascript实现起伏的水波背景效果
May 16 Javascript
Node.js pipe实现源码解析
Aug 12 Javascript
详谈js原型继承的一些问题
Sep 06 Javascript
vue踩坑记-在项目中安装依赖模块npm install报错
Apr 02 Javascript
javascript写一个ajax自动拦截并下载数据代码实例
Sep 07 Javascript
原生js实现自定义滚动条组件
Jan 20 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开发文件系统实例讲解
2006/10/09 PHP
劣质的PHP代码简化
2010/02/08 PHP
基于curl数据采集之正则处理函数get_matches的使用
2013/04/28 PHP
php另类上传图片的方法(PHP用Socket上传图片)
2013/10/30 PHP
PHP 根据key 给二维数组分组
2016/12/09 PHP
Yii2实现跨mysql数据库关联查询排序功能代码
2017/02/10 PHP
php实现微信扫码支付
2017/03/26 PHP
基于laravel Request的所有方法详解
2019/09/29 PHP
namespace.js Javascript的命名空间库
2011/10/11 Javascript
jquery 年会抽奖程序
2011/12/22 Javascript
javascript面向对象快速入门实例
2015/01/13 Javascript
深入理解ECMAScript的几个关键语句
2016/06/01 Javascript
Vue input控件通过value绑定动态属性及修饰符的方法
2017/05/03 Javascript
jQuery 导航自动跟随滚动的实现代码
2018/05/30 jQuery
react native 文字轮播的实现示例
2018/07/27 Javascript
JS数组扁平化(flat)方法总结详解
2019/06/24 Javascript
Javascript数组及类数组相关原理详解
2020/10/29 Javascript
Python抓取Discuz!用户名脚本代码
2013/12/30 Python
举例讲解Python设计模式编程中对抽象工厂模式的运用
2016/03/02 Python
windows及linux环境下永久修改pip镜像源的方法
2016/11/28 Python
Pandas DataFrame 取一行数据会得到Series的方法
2018/11/10 Python
python selenium执行所有测试用例并生成报告的方法
2019/02/13 Python
Python实现图像的垂直投影示例
2020/01/17 Python
python Matplotlib基础--如何添加文本和标注
2021/01/26 Python
html5.2 dialog简介详解
2018/02/27 HTML / CSS
Dr. Martens马汀博士法国官网:马丁靴鼻祖
2020/01/15 全球购物
乌克兰珠宝大卖场:Zlato.ua
2020/09/27 全球购物
销售工作人员的自我评价分享
2013/11/10 职场文书
自行车租赁公司创业计划书
2014/01/28 职场文书
个人租房协议书范本
2014/09/30 职场文书
房屋出售授权委托书
2014/10/12 职场文书
群众路线教育实践活动心得体会(四风)
2014/11/03 职场文书
2014年人大工作总结
2014/12/10 职场文书
大学生活委员竞选稿
2015/11/21 职场文书
幼儿园科学课教学反思
2016/03/03 职场文书
Python学习之os包使用教程详解
2022/03/21 Python