您的位置:首页 > 其它

屏蔽Enter键提交表单的功能

2014-01-12 18:46 197 查看
在牛腩发布系统中,类别管理中,更改类别名称的时候,按下Enter键时,页面屏蔽提交到服务器。




解决如下:




但是在IE和 Opera浏览器中按下Enter键时仍然能提交表单。
一、首先解决:在IE浏览器中按Enter键提交表单的操作




总结:IE中窗体默认的是document文档。
IE浏览器中兼容性问题得到解决。

二、尽管在Opera浏览器也如上设置,但是仍人无法屏蔽Enter键的跳转
当我们从Opera中打开源码时如下:



在Opera中,只要有"image"类型的按钮,就会屏蔽其他的限制,往上提交,所以导致Enter键没有被屏蔽。
所以我们需要把"image"类型的按钮,如下图:




设置按钮的样式





当我们再次在Opera中按下Enter键的时候,结果仍会往上提交。

再次打开Opera源代码:如下图



把"image"类型的按钮,变成不同按钮之后,Opera默认的按钮是"submit"类型,他任然突破限制,往上提交。


接下来需要做的:



把按钮的类型设置为非提交类型:UseSubmitBehvior="false"即可。




在Opera源码中,按钮就会变成普通按钮,这时候就解决了Enter提交问题
这样问题就解决了。

小结:
IE中窗体默认的是document文档,而非window.
Opera中,如果屏蔽Enter键的提交表单的功能时:需要向将界面添加的是一般按钮,而且还需要设置UseSubmitBehvior="false"属性保证是非提交按钮。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: