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 相关文章推荐
javascript 鼠标滚轮事件
Apr 09 Javascript
jQuery UI的Dialog无法提交问题的解决方法
Jan 11 Javascript
解析window.open的使用方法总结
Jun 19 Javascript
如何使用Jquery获取Form表单中被选中的radio值
Aug 09 Javascript
关于延迟加载JavaScript
May 05 Javascript
jQuery mobile 移动web(6)
Dec 20 Javascript
JQuery在循环中绑定事件的问题详解
Jun 02 Javascript
纯JS实现弹性导航条效果
Mar 06 Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
May 09 Javascript
js图片加载效果实例代码(延迟加载+瀑布流加载)
May 12 Javascript
微信小程序 侧滑删除(左滑删除)
May 23 Javascript
Vue 实现前端权限控制的示例代码
Jul 09 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连接SQLServer2005的实现方法(附ntwdblib.dll下载)
2012/07/02 PHP
php使HTML标签自动补全闭合函数代码
2012/10/04 PHP
PHP与Java对比学习日期时间函数
2016/07/03 PHP
PHP 接入微信扫码支付总结(总结篇)
2016/11/03 PHP
ThinkPHP 整合Bootstrap Ajax分页样式
2016/12/23 PHP
Laravel 创建可以传递参数 Console服务的例子
2019/10/14 PHP
getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现
2010/02/26 Javascript
js中各浏览器中鼠标按键值的差异
2011/04/07 Javascript
javascript中类的定义及其方式(《javascript高级程序设计》学习笔记)
2011/07/04 Javascript
jquery使用jquery.zclip插件复制对象的实例教程
2013/12/04 Javascript
原生js实现复制对象、扩展对象 类似jquery中的extend()方法
2014/08/30 Javascript
JavaScript中number转换成string介绍
2014/12/31 Javascript
学习vue.js计算属性
2016/12/03 Javascript
详解jquery easyui之datagrid使用参考
2016/12/05 Javascript
vue.js select下拉框绑定和取值方法
2018/03/03 Javascript
vue.js 使用axios实现下载功能的示例
2018/03/05 Javascript
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
2018/08/24 Javascript
微信小程序中使用Async-await方法异步请求变为同步请求方法
2019/03/28 Javascript
js图片无缝滚动插件使用详解
2020/05/26 Javascript
vue 的 solt 子组件过滤过程解析
2019/09/07 Javascript
解决vue项目获取dom元素宽高总是不准确问题
2020/07/29 Javascript
[05:17]DOTA2睡衣妹卖萌求签名 CJ第二天全明星影像
2013/07/28 DOTA
[46:44]VG vs TNC Supermajor小组赛B组败者组决赛 BO3 第一场 6.2
2018/06/03 DOTA
Python urllib模块urlopen()与urlretrieve()详解
2013/11/01 Python
python生成验证码图片代码分享
2016/01/28 Python
python 3利用Dlib 19.7实现摄像头人脸检测特征点标定
2018/02/26 Python
python numpy元素的区间查找方法
2018/11/14 Python
pytorch构建多模型实例
2020/01/15 Python
django rest framework 自定义返回方式
2020/07/12 Python
StubHub墨西哥:购买和出售您的门票
2016/09/17 全球购物
广告学专业应届生求职信
2013/10/01 职场文书
行政主管岗位职责
2013/11/18 职场文书
库房管理员岗位职责
2014/03/09 职场文书
授权委托书
2014/09/17 职场文书
2016年情人节问候语
2015/11/11 职场文书
总结python多进程multiprocessing的相关知识
2021/06/29 Python