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 sudoku 数独智力游戏生成代码
Mar 27 Javascript
一段批量给页面上的控件赋值js
Jun 19 Javascript
javascript 随机展示头像实现代码
Dec 06 Javascript
jQuery读取XML文件内容的方法
Mar 09 Javascript
AngularJS 遇到的小坑与技巧小结
Jun 07 Javascript
sea.js常用的api简易文档
Nov 15 Javascript
Bootstrap输入框组件使用详解
Jun 09 Javascript
详解在vue-test-utils中mock全局对象
Nov 07 Javascript
JS实现二维数组元素的排列组合运算简单示例
Jan 28 Javascript
layui实现二维码弹窗、并下载到本地的方法
Sep 25 Javascript
vue跳转方式(打开新页面)及传参操作示例
Jan 26 Javascript
vue中echarts的用法及与elementui-select的协同绑定操作
Nov 17 Vue.js
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操作Memcache基本函数
2016/07/14 PHP
用PHP去掉文件头的Unicode签名(BOM)方法
2017/06/22 PHP
PHP面向对象程序设计之多态性的应用示例
2018/12/19 PHP
Swoole扩展的6种模式深入详解
2021/03/04 PHP
js 获取浏览器高度和宽度值(多浏览器)
2009/09/02 Javascript
JavaScript 设计模式 富有表现力的Javascript(一)
2010/05/26 Javascript
基于jquery的设置页面文本框 只能输入数字的实现代码
2011/04/19 Javascript
javascript 另一种图片滚动切换效果思路
2012/04/20 Javascript
Chosen 基于jquery的选择框插件使用方法
2012/05/30 Javascript
jQuery中addClass()方法用法实例
2015/01/05 Javascript
Function.prototype.apply()与Function.prototype.call()小结
2016/04/27 Javascript
jQuery Dialog 打开时自动聚焦的解决方法(两种方法)
2016/11/24 Javascript
基于JavaScript实现自动更新倒计时效果
2016/12/19 Javascript
解析Vue2 dist 目录下各个文件的区别
2017/11/22 Javascript
基于datepicker定义自己的angular时间组件的示例
2018/03/14 Javascript
JS监听滚动和id自动定位滚动
2018/12/18 Javascript
python相似模块用例
2016/03/04 Python
django 常用orm操作详解
2017/09/13 Python
python turtle库画一个方格和圆实例
2019/06/27 Python
python Kmeans算法原理深入解析
2019/08/23 Python
python-opencv获取二值图像轮廓及中心点坐标的代码
2019/08/27 Python
pycharm双击无响应(打不开问题解决办法)
2020/01/10 Python
Python 实现敏感目录扫描的示例代码
2020/05/21 Python
浅析canvas元素的html尺寸和css尺寸对元素视觉的影响
2019/07/22 HTML / CSS
GEOX鞋美国官方网站:意大利会呼吸的鞋
2017/07/12 全球购物
英国团购网站:Groupon英国
2017/11/28 全球购物
德国运动营养和健身网上商店:Myprotein.de
2018/07/18 全球购物
Coltorti Boutique官网:来自意大利的设计师品牌买手店
2018/11/09 全球购物
自1926年以来就为冰岛保持温暖:66°North
2020/11/27 全球购物
中医药大学毕业生自荐信
2013/11/08 职场文书
承诺书格式范文
2014/06/03 职场文书
个人先进事迹材料
2014/12/29 职场文书
小学班主任个人总结
2015/03/03 职场文书
创业项目(超低成本创业项目)
2019/08/16 职场文书
Python绘画好看的星空图
2022/03/17 Python
MySQL分布式恢复进阶
2022/07/23 MySQL