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 相关文章推荐
Google韩国首页图标动画效果
Aug 26 Javascript
jQuery Tools tooltip使用说明
Jul 14 Javascript
js iframe跨域访问(同主域/非同主域)分别深入介绍
Jan 24 Javascript
js open() 与showModalDialog()方法使用介绍
Sep 10 Javascript
jquery中获取元素里某一特定子元素的代码
Dec 02 Javascript
浅谈JavaScript对象与继承
Jul 10 Javascript
BootStrap中Table分页插件使用详解
Oct 09 Javascript
深入理解JavaScript中的for循环
Feb 07 Javascript
微信小程序授权获取用户详细信息openid的实例详解
Sep 20 Javascript
小程序开发基础之view视图容器
Aug 21 Javascript
用webAPI实现图片放大镜效果
Nov 23 Javascript
Nest.js 授权验证的方法示例
Feb 22 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 session应用实例 登录验证
2009/03/16 PHP
PHP 多维数组的排序问题 根据二维数组中某个项排序
2011/11/09 PHP
基于PHP选项与信息函数的使用详解
2013/05/10 PHP
php 深入理解strtotime函数的使用详解
2013/05/23 PHP
php多文件上传下载示例分享
2014/02/20 PHP
一个可以显示阴历的JS代码
2007/03/05 Javascript
javascript设置连续两次点击按钮时间间隔的方法
2014/10/28 Javascript
使用node.js 制作网站前台后台
2014/11/13 Javascript
创建、调用JavaScript对象的方法集锦
2014/12/24 Javascript
JS+CSS实现自动切换的网页滑动门菜单效果代码
2015/09/14 Javascript
js判断当前页面用什么浏览器打开的方法
2016/01/06 Javascript
JS中改变this指向的方法(call和apply、bind)
2016/03/26 Javascript
原生JS实现旋转木马式图片轮播插件
2016/04/25 Javascript
JavaScript中自带的 reduce()方法使用示例详解
2016/08/10 Javascript
html、css和jquery相结合实现简单的进度条效果实例代码
2016/10/24 Javascript
浅谈如何使用 webpack 优化资源
2017/10/20 Javascript
JS实现点击复选框变更DIV显示状态的示例代码
2017/12/18 Javascript
Vue使用watch监听一个对象中的属性的实现方法
2019/05/10 Javascript
vue-cli打包后本地运行dist文件中的index.html操作
2020/08/12 Javascript
详解template标签用法(含vue中的用法总结)
2021/01/12 Vue.js
[02:37]2018DOTA2亚洲邀请赛赛前采访 VP.no[o]ne心中最强SOLO是谁
2018/04/04 DOTA
[01:10:24]DOTA2-DPC中国联赛 正赛 VG vs Aster BO3 第一场 2月28日
2021/03/11 DOTA
python插入排序算法的实现代码
2013/11/21 Python
举例讲解Python面向对象编程中类的继承
2016/06/17 Python
python调用pyaudio使用麦克风录制wav声音文件的教程
2019/06/26 Python
在Python中实现函数重载的示例代码
2019/12/12 Python
TensorFlow 显存使用机制详解
2020/02/03 Python
Python collections.defaultdict模块用法详解
2020/06/18 Python
python定义类的简单用法
2020/07/24 Python
党的群众路线教育实践活动领导班子整改措施
2014/10/28 职场文书
感谢信的格式
2015/01/21 职场文书
个人向公司借款协议书
2016/03/19 职场文书
2019年员工旷工保证书!
2019/06/28 职场文书
简单介绍Python的第三方库yaml
2021/06/18 Python
Java并发编程之详解CyclicBarrier线程同步
2021/06/23 Java/Android
MySQL数据库如何给表设置约束详解
2022/03/13 MySQL