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 相关文章推荐
Prototype源码浅析 String部分(三)之HTML字符串处理
Jan 15 Javascript
javascript jscroll模拟html元素滚动条
Dec 18 Javascript
JQuery球队选择实例
May 18 Javascript
js滚动条平滑移动示例代码
Mar 29 Javascript
JavaScript:Array类型全面解析
May 19 Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
Jul 25 Javascript
详解Vue.js——60分钟组件快速入门(上篇)
Dec 05 Javascript
用vue的双向绑定简单实现一个todo-list的示例代码
Aug 03 Javascript
vue单页面实现当前页面刷新或跳转时提示保存
Nov 02 Javascript
JQuery animate动画应用示例
May 14 jQuery
javascript实现blob加密视频源地址的方法
Aug 08 Javascript
layui button 按钮弹出提示窗口,确定才进行的方法
Sep 06 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中error_reporting()用法详解
2015/08/31 PHP
PHP简单读取PDF页数的实现方法
2016/07/21 PHP
php5.3后静态绑定用法详解
2016/11/11 PHP
laravel 使用auth编写登录的方法
2019/09/30 PHP
JQuery的Alert消息框插件使用介绍
2010/10/09 Javascript
使用js实现雪花飘落效果
2013/08/26 Javascript
jQuery拖拽 &amp; 弹出层 介绍与示例
2013/12/27 Javascript
JavaScript实现的图像模糊算法代码分享
2014/04/22 Javascript
js获取日期:昨天今天和明天、后天
2014/06/11 Javascript
JavaScript中的toLocaleLowerCase()方法使用详解
2015/06/06 Javascript
详解AngularJS中的http拦截
2016/02/09 Javascript
使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)
2016/09/01 Javascript
js实现图片切换(动画版)
2016/12/25 Javascript
js和jQuery以及easyui实现对下拉框的指定赋值方法
2018/01/23 jQuery
vue.js根据代码运行环境选择baseurl的方法
2018/02/28 Javascript
Bootstrap Table中的多选框删除功能
2018/07/15 Javascript
代码分析vue中如何配置less
2018/09/28 Javascript
[40:17]2018DOTA2亚洲邀请赛 4.5 淘汰赛 LGD vs Liquid 第一场
2018/04/06 DOTA
python socket网络编程步骤详解(socket套接字使用)
2013/12/06 Python
python调用Delphi写的Dll代码示例
2017/12/05 Python
Pytorch 中retain_graph的用法详解
2020/01/07 Python
解决Tensorflow sess.run导致的内存溢出问题
2020/02/05 Python
pycharm中import呈现灰色原因的解决方法
2020/03/04 Python
Python中无限循环需要什么条件
2020/05/27 Python
Opencv图像处理:如何判断图片里某个颜色值占的比例
2020/06/03 Python
财政局长自荐信范文
2013/12/22 职场文书
社区工作者先进事迹
2014/01/18 职场文书
教学实验楼管理制度
2014/02/01 职场文书
《自然之道》教学反思
2014/02/11 职场文书
学校后勤岗位职责
2014/02/19 职场文书
机关会计岗位职责
2014/04/08 职场文书
《故乡》教学反思
2014/04/10 职场文书
违纪开除通知书
2015/04/25 职场文书
《雪域豹影》读后感:父爱的伟大
2019/12/23 职场文书
一劳永逸彻底解决pip install慢的办法
2021/05/24 Python
Python 绘制多因子柱状图
2022/05/11 Python