input、button的不同type值在ajax提交表单时导致的陷阱
2009-02-24 00:00
597 查看
今天在做利用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,因此最好标识下类别!!!谨记!
在开发过程中,为了使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,因此最好标识下类别!!!谨记!
相关文章推荐
- input、button的不同type值在ajax提交表单时导致的陷阱
- 提交表单<input type="button" value="登录" onclick="login()"/> 和<button onclick="login()">登录</button>区别
- 用 <button> , <input type="button"> , <input type="submit"> 提交表单的异同
- input type="submit" 和"button"的区别及表单提交
- input、buttonde在ajax提交表单时导致的错误
- jsp中,ajax提交表单用法 分类: ajax 2011-07-29 14:59 3746人阅读 评论(0) 收藏 举报 jspajaxinputbuttonactionfunction 一:
- 当button按钮放入form表单进行ajax提交遇到的诡异问题
- 当button按钮放入form表单进行ajax提交遇到的诡异问题
- 表单提交中的input、button、submit的区别
- 表单提交中的input、button、submit的区别
- 表单提交:button input submit 的区别
- php如何处理html5表单<input type="file" multiple />提交的多个文
- 表单提交中的input、button、submit的区别
- Form表单中的button导致页面刷新而无法进入Ajax请求回调函数
- input file 在开发中遇到的问题 类似ajax form表单提交 input file中的文件
- ajax form表单提交 input file中的文件
- 表单提交中的input、button、submit的区别
- input、button、submit表单提交区别
- 当button按钮放入form表单进行ajax提交遇到的诡异问题
- 表单input中type=text的提交问题