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 fullscreen全屏实现代码
Apr 09 Javascript
JS 字符串连接[性能比较]
May 10 Javascript
基于jQuery的message插件实现右下角弹出消息框
Jan 11 Javascript
jQuery - css() 方法示例详解
Jan 16 Javascript
jQuery调取jSon数据并展示的方法
Jan 29 Javascript
简单解析JavaScript中的__proto__属性
May 10 Javascript
Jquery调用iframe父页面中的元素及方法
Aug 23 Javascript
Bootstrap如何激活导航状态
Mar 22 Javascript
Vue input控件通过value绑定动态属性及修饰符的方法
May 03 Javascript
在vue里面设置全局变量或数据的方法
Mar 09 Javascript
详解微信小程序实现跑马灯效果(附完整代码)
Apr 29 Javascript
vue如何在项目中调用腾讯云的滑动验证码
Jul 15 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蜘蛛统计插件只要有mysql就可用
2010/10/12 PHP
php与paypal整合方法
2010/11/28 PHP
PHP四舍五入精确小数位及取整
2014/01/14 PHP
PHP 魔术变量和魔术函数详解
2015/02/25 PHP
PHP实现基于回溯法求解迷宫问题的方法详解
2017/08/17 PHP
PHP设计模式之装饰器(装饰者)模式(Decorator)入门与应用详解
2019/12/13 PHP
来自qq的javascript面试题
2010/07/24 Javascript
在JQuery dialog里的服务器控件 事件失效问题
2010/12/08 Javascript
最短的javascript:地址栏载入脚本代码
2011/10/13 Javascript
jQuery ajax(复习)—Baidu ajax request分离版
2013/01/24 Javascript
Jquery倒计时源码分享
2014/05/16 Javascript
nodejs npm包管理的配置方法及常用命令介绍
2014/06/05 NodeJs
分享33个jQuery与CSS3实现的绚丽鼠标悬停效果
2014/12/15 Javascript
介绍JavaScript中Math.abs()方法的使用
2015/06/14 Javascript
JS中数组重排序方法
2016/11/11 Javascript
js多个物体运动功能实例分析
2016/12/20 Javascript
利用Query+bootstrap和js两种方式实现日期选择器
2017/01/10 Javascript
jQuery使用zTree插件实现可拖拽的树示例
2017/09/23 jQuery
Python异常处理总结
2014/08/15 Python
安装Python的web.py框架并从hello world开始编程
2015/04/25 Python
Python新手入门最容易犯的错误总结
2017/04/24 Python
树莓派用python中的OpenCV输出USB摄像头画面
2019/06/22 Python
Django中create和save方法的不同
2019/08/13 Python
美国糖果店:Sugarfina
2019/02/21 全球购物
医生进修自我鉴定
2014/01/19 职场文书
医学生职业生涯规划书范文
2014/03/13 职场文书
优秀班集体先进事迹材料
2014/05/28 职场文书
班子个人四风问题整改措施
2014/10/04 职场文书
教师工作总结范文2014
2014/11/10 职场文书
毕业设计指导教师评语
2014/12/30 职场文书
2015年考研复习计划
2015/01/19 职场文书
党员个人年度总结
2015/02/14 职场文书
药店营业员岗位职责
2015/04/14 职场文书
六一儿童节园长致辞
2015/07/31 职场文书
2016党性教育学习心得体会
2016/01/21 职场文书
《我们的民族小学》教学反思
2016/02/19 职场文书