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 相关文章推荐
jquery随意添加移除html的实现代码
Jun 21 Javascript
jQuery实现倒计时按钮功能代码分享
Sep 03 Javascript
在HTML代码中使用JavaScript代码的例子
Oct 16 Javascript
举例说明如何为JavaScript的方法参数设置默认值
Nov 17 Javascript
深入浅析JavaScript中的Function类型
Jul 09 Javascript
jQuery实现联动下拉列表查询框
Jan 04 Javascript
Angular.Js中ng-include指令的使用与实现
May 07 Javascript
关于meta viewport中target-densitydpi属性详解(推荐)
Aug 18 Javascript
如何以Angular的姿势打开Font-Awesome详解
Apr 22 Javascript
vue简单练习 桌面时钟的实现代码实例
Sep 19 Javascript
Vue实现简单购物车功能
Dec 13 Vue.js
JavaScript实现雪花飘落效果
Dec 27 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 模拟登陆MSN并获得用户信息
2009/05/16 PHP
提升PHP性能的21种方法介绍
2013/06/25 PHP
php中将数组转成字符串并保存到数据库中的函数代码
2013/09/29 PHP
在WordPress中实现发送http请求的相关函数解析
2015/12/29 PHP
Symfony2使用第三方库Upload制作图片上传实例详解
2016/02/04 PHP
PHP针对多用户实现更换头像功能
2016/09/04 PHP
再谈IE中Flash控件的自动激活 ObjectWrap
2007/03/09 Javascript
jquery select选中的一个小问题
2009/10/11 Javascript
jQuery 图片切换插件(代码比较少)
2012/05/07 Javascript
js实现瀑布流的一种简单方法实例分享
2013/11/04 Javascript
node.js WEB开发中图片验证码的实现方法
2014/06/03 Javascript
JavaScript onkeydown事件入门实例(键盘某个按键被按下)
2014/10/17 Javascript
jQuery鼠标悬浮链接弹出跟随图片实例代码
2016/01/08 Javascript
Bootstrap 折叠(Collapse)插件用法实例详解
2016/06/01 Javascript
Bootstrap3.0建站教程(一)之bootstrap表单元素排版
2016/06/01 Javascript
Vuejs第一篇之入门教程详解(单向绑定、双向绑定、列表渲染、响应函数)
2016/09/09 Javascript
javascript self对象使用详解
2016/10/18 Javascript
BootStrap表单验证实例代码
2017/01/13 Javascript
vue双向绑定简要分析
2017/03/23 Javascript
在Python中使用M2Crypto模块实现AES加密的教程
2015/04/08 Python
python 去除txt文本中的空格、数字、特定字母等方法
2018/07/24 Python
Python实现DDos攻击实例详解
2019/02/02 Python
Python3标准库之functools管理函数的工具详解
2020/02/27 Python
django xadmin中form_layout添加字段显示方式
2020/03/30 Python
python中if嵌套命令实例讲解
2021/02/25 Python
html5 canvas 实现光线沿不规则路径运动
2020/04/20 HTML / CSS
墨西哥网上超市:Superama
2018/07/10 全球购物
德国黑胶唱片、街头服装及运动鞋网上商店:HHV
2018/08/24 全球购物
试用期自我鉴定范文
2014/03/20 职场文书
《画》教学反思
2014/04/14 职场文书
辞职信格式模板
2015/02/27 职场文书
投资合作意向书范本
2015/05/08 职场文书
学习型家庭事迹材料(2016精选版)
2016/02/29 职场文书
一封真诚的自荐信帮你赢得机会
2019/05/07 职场文书
Redis实现订单自动过期功能的示例代码
2021/05/08 Redis
CSS3实现列表无限滚动/轮播效果
2021/06/23 HTML / CSS