前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >asp.net webform中submit按钮使用不当很容易犯的一个错误

asp.net webform中submit按钮使用不当很容易犯的一个错误

作者头像
菩提树下的杨过
发布2018-01-22 15:38:19
1.3K0
发布2018-01-22 15:38:19
举报
文章被收录于专栏:菩提树下的杨过

webform中默认一个页面只能有一个form,有时submit按钮使用不当会产生一些奇怪的问题。

比如这是一个网站的头部搜索部分,前端人员把“搜索”按钮用<input type="submit" />处理,然后在js中文本框里按下回车键时,自动调用doSearch()函数,该函数可能类似下面这样:(只是表达一下大概的意思)

代码语言:js
复制
function doSearch(){
  window.location="search.aspx?w=abc";
  return false; 
}

“搜索”按钮的click事件中,用类似 onClick="doSearch()"来处理,本来这样处理也没什么不对,不管是在文本框中按下回车,还是点击“搜索”按钮都是ok的。但是如果遇到下面的情况,且二部分功能是不同的程序员来写时,就可能出问题:

另一个前端开发人员把“登录模块”加进来以后(注:“登录”按钮用的是服务端Button控件,即最终在html中也是submit按钮,单独点击“登录”按钮时,一切正常),但是在一个form中,在任何一个文本框上按下回车键时,相当于默认点击了第一个submit按钮(即提交表单),这样在登录过程中,当用户输入完邮箱、密码、验证码,按下回车键的时候,实际上会触发“搜索”按钮的click行为,而搜索按钮在上面的处理中,调用的是doSearch()方法,最终页面会引导到搜索页上,并未按原来的意图提交,导致登录不了。

“各自单独的模块”独立测试时都是正常的,但是整合在一起就容易出问题了,所以说这种错误容易犯,我的建议是对于webform中的开发,不是必须要submit的场景,尽量避免用submit按钮。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2011-03-31 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
验证码
腾讯云新一代行为验证码(Captcha),基于十道安全栅栏, 为网页、App、小程序开发者打造立体、全面的人机验证。最大程度保护注册登录、活动秒杀、点赞发帖、数据保护等各大场景下业务安全的同时,提供更精细化的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档