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 相关文章推荐
一个js拖拽的效果类和dom-drag.js浅析
Jul 17 Javascript
jQuery源码分析-03构造jQuery对象-工具函数
Nov 14 Javascript
JS实现的仿淘宝交易倒计时效果
Nov 27 Javascript
js友好的时间返回函数
Aug 24 Javascript
JavaScript 对象详细整理总结
Sep 29 Javascript
Jquery树插件zTree实现菜单树
Jan 24 Javascript
JS实现的DIV块来回滚动效果示例
Feb 07 Javascript
js实现手机发送验证码功能
Mar 13 Javascript
解决vue 按钮多次点击重复提交数据问题
May 10 Javascript
微信小程序云开发修改云数据库中的数据方法
May 18 Javascript
vue-router跳转时打开新页面的两种方法
Jul 29 Javascript
node.js中fs文件系统模块的使用方法实例详解
Feb 13 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 方便水印和缩略图的图形类
2009/05/21 PHP
PHP句法规则详解 入门学习
2011/11/09 PHP
PHP封装分页函数实现文本分页和数字分页
2014/10/23 PHP
PHP的文件操作与算法实现的面试题示例
2015/08/10 PHP
PDO::getAttribute讲解
2019/01/28 PHP
Laravel获取当前请求的控制器和方法以及中间件的例子
2019/10/11 PHP
JScript 脚本实现文件下载 一般用于下载木马
2009/10/29 Javascript
javascript查找字符串中出现最多的字符和次数的小例子
2013/10/29 Javascript
完美解决AJAX跨域问题
2013/11/01 Javascript
ParseInt函数参数设置介绍
2014/01/02 Javascript
jquery仿百度百科底部浮动导航特效
2015/08/08 Javascript
js中不同的height, top的区别对比
2015/09/24 Javascript
微信小程序 vidao实现视频播放和弹幕的功能
2016/11/02 Javascript
利用Ionic2 + angular4实现一个地区选择组件
2017/07/27 Javascript
Layui 数据表格批量删除和多条件搜索的实例
2019/09/04 Javascript
JS面向对象编程——ES6 中class的继承用法详解
2020/03/03 Javascript
[06:16]DOTA2守卫传承者——职业选手谈心路历程
2015/02/26 DOTA
Python使用新浪微博API发送微博的例子
2014/04/10 Python
Python读写配置文件的方法
2015/06/03 Python
Python中的深拷贝和浅拷贝详解
2015/06/03 Python
Python 两个列表的差集、并集和交集实现代码
2016/09/21 Python
Python AES加密实例解析
2018/01/18 Python
redis之django-redis的简单缓存使用
2018/06/07 Python
浅析Python 中几种字符串格式化方法及其比较
2019/07/02 Python
对python中的float除法和整除法的实例详解
2019/07/20 Python
如何在Cloud Studio上执行Python代码?
2019/08/09 Python
Python连接mysql数据库及简单增删改查操作示例代码
2020/08/03 Python
html5指南-3.如何实现html元素拖拽功能
2013/01/07 HTML / CSS
大学毕业生自荐书怎么写?
2014/01/06 职场文书
任命书怎么写
2014/06/04 职场文书
艾滋病宣传标语
2014/06/25 职场文书
体检通知范文
2015/04/21 职场文书
2015年外贸业务员工作总结范文
2015/05/23 职场文书
一次Mysql update sql不当引起的生产故障记录
2022/04/01 MySQL
NASA 机智号火星直升机拍到了毅力号设备碎片
2022/04/29 数码科技
python数字图像处理:图像的绘制
2022/06/28 Python