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 07 Javascript
javascript &amp;&amp;和||运算法的另类使用技巧
Nov 28 Javascript
腾讯的ip接口 方便获取当前用户的ip地理位置
Nov 25 Javascript
javascript获得服务器端控件的ID的实现代码
Dec 28 Javascript
js使用心得分享
Jan 13 Javascript
jQuery对象和DOM对象之间相互转换的方法介绍
Feb 28 Javascript
JS组件Bootstrap Table表格多行拖拽效果实现代码
Dec 08 Javascript
全面解析Bootstrap中tab(选项卡)的使用方法
Jun 06 Javascript
js数字舍入误差以及解决方法(必看篇)
Feb 28 Javascript
详解node字体压缩插件font-spider的用法
Sep 28 Javascript
Vue-drag-resize 拖拽缩放插件的使用(简单示例)
Dec 04 Javascript
javascript实现移动端上传图片功能
Aug 18 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
基于empty函数的判断详解
2013/06/17 PHP
php采集神器cURL使用方法详解
2016/02/19 PHP
php转换上传word文件为PDF的方法【基于COM组件】
2019/06/10 PHP
JavaScript与DOM组合动态创建表格实例
2012/12/23 Javascript
JS动态增加删除UL节点LI及相关内容示例
2014/05/21 Javascript
javascript折半查找详解
2015/01/26 Javascript
简化版手机端照片预览组件
2015/04/13 Javascript
jQuery实用技巧必备(中)
2015/11/03 Javascript
js判断登陆用户名及密码是否为空的简单实例
2016/05/16 Javascript
Jquery实现跨域异步上传文件总结
2017/02/03 Javascript
JS实现简易的图片拖拽排序实例代码
2017/06/09 Javascript
bootstrap基本配置_动力节点Java学院整理
2017/07/14 Javascript
vue-cli脚手架-bulid下的配置文件
2018/03/27 Javascript
微信小程序基于canvas渐变实现的彩虹效果示例
2019/05/03 Javascript
layui加载表格,绑定新增,编辑删除,查看按钮事件的例子
2019/09/06 Javascript
Vue搭建后台系统需要注意的问题
2019/11/08 Javascript
JavaScript实现动态生成表格
2020/08/02 Javascript
JavaScript通如何过RGraph实现动态仪表盘
2020/10/15 Javascript
Python读取mat文件,并转为csv文件的实例
2018/07/04 Python
python随机在一张图像上截取任意大小图片的方法
2019/01/24 Python
Python2与Python3的区别实例总结
2019/04/17 Python
Python 单例设计模式用法实例分析
2019/09/23 Python
简单了解Django项目应用创建过程
2020/07/06 Python
python爬虫利器之requests库的用法(超全面的爬取网页案例)
2020/12/17 Python
纯css3实现思维导图样式示例
2018/11/01 HTML / CSS
HTML5 input元素类型:email及url介绍
2013/08/13 HTML / CSS
巴西最大的家电和百货零售商:Casas Bahia
2016/11/22 全球购物
全球最大的户外用品零售商之一:The House
2018/06/12 全球购物
大学生职业生涯规划书模板
2014/01/03 职场文书
教师考察材料范文
2014/06/03 职场文书
作风整顿剖析材料
2014/09/30 职场文书
法院干警四风问题个人对照检查材料思想汇报
2014/10/07 职场文书
2015新生加入学生会自荐书
2015/03/24 职场文书
赞助商致辞
2015/07/30 职场文书
高三毕业感言
2015/07/30 职场文书
《小乌鸦爱妈妈》教学反思
2016/02/19 职场文书