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现实多行信息
Aug 26 Javascript
js 发个判断字符串是否为符合标准的函数
Apr 27 Javascript
JavaScript 学习笔记(四)
Dec 31 Javascript
一些mootools的学习资源
Feb 07 Javascript
js父页面与子页面不同时显示的方法
Oct 16 Javascript
AngularJS中实现显示或隐藏动画效果的方式总结
Dec 31 Javascript
关于微信中a链接无法跳转问题
Aug 02 Javascript
微信小程序 动态绑定数据及动态事件处理
Mar 14 Javascript
echarts饼图扇区添加点击事件的实例
Oct 16 Javascript
vue中的provide/inject的学习使用
May 09 Javascript
从源码里了解vue中的nextTick的使用
Nov 22 Javascript
vue使用element-ui实现表单验证
Dec 13 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对称加密算法示例
2014/05/07 PHP
PHP大转盘中奖概率算法实例
2014/10/21 PHP
php项目中百度 UEditor 简单安装调试和调用
2015/07/15 PHP
Script的加载方法小结
2011/01/12 Javascript
javascript获取浏览器类型和版本的方法(js获取浏览器版本)
2014/03/13 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
2014/11/16 Javascript
使用jQuery实现input数值增量和减量的方法
2015/01/24 Javascript
jquery实现拖拽调整Div大小
2015/01/30 Javascript
javascript感应鼠标图片透明度显示的方法
2015/02/24 Javascript
深入理解MVC中的时间js格式化
2016/05/19 Javascript
轻松掌握JavaScript状态模式
2016/09/07 Javascript
ajax的分页查询示例(不刷新页面)
2017/01/11 Javascript
微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
2017/04/18 Javascript
requirejs按需加载angularjs文件实例
2017/06/08 Javascript
用VueJS写一个Chrome浏览器插件的实现方法
2019/02/27 Javascript
微信小程序新手教程之启动页的重要性
2019/03/03 Javascript
js面向对象封装级联下拉菜单列表的实现步骤
2021/02/08 Javascript
[38:42]完美世界DOTA2联赛循环赛 Matador vs Forest BO2第二场 11.05
2020/11/05 DOTA
[59:48]DOTA2-DPC中国联赛 正赛 VG vs Magma BO3 第一场 1月26日
2021/03/11 DOTA
[01:06:54]DOTA2-DPC中国联赛 正赛 SAG vs DLG BO3 第二场 2月28日
2021/03/11 DOTA
python 数据加密代码
2008/12/24 Python
python实现查找excel里某一列重复数据并且剔除后打印的方法
2015/05/26 Python
Python标准库之collections包的使用教程
2017/04/27 Python
在dataframe两列日期相减并且得到具体的月数实例
2018/07/03 Python
python如何求解两数的最大公约数
2018/09/27 Python
PyCharm+PySpark远程调试的环境配置的方法
2018/11/29 Python
Python 音频生成器的实现示例
2019/12/24 Python
Django全局启用登陆验证login_required的方法
2020/06/02 Python
PHP经典面试题
2016/09/03 面试题
经典c++面试题六
2012/01/18 面试题
感恩之星事迹材料
2014/05/03 职场文书
省级优秀毕业生主要事迹
2014/05/29 职场文书
拾金不昧感谢信
2015/01/21 职场文书
2015年体检中心工作总结
2015/05/27 职场文书
小学语文教师研修日志
2015/11/13 职场文书
幼儿园科学课教学反思
2016/03/03 职场文书