屏蔽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"属性保证是非提交按钮。
解决如下:
但是在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"属性保证是非提交按钮。
相关文章推荐
- JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
- angular表单验证及 提交功能实现
- 用户控件包含一个搜索功能,但是在调用页面中按回车时无法直接提交这个表单,只有鼠标点击才提交,如何解决?
- <dedecms开发》给dede自定义表单添加提交验证功能
- HTML页面禁用Enter键自动提交表单
- 基于Ext Core的包含校验功能的表单提交扩展Ext.ux.submit
- HTML页面禁用Enter键自动提交表单
- 基于Ext Core的包含校验功能的表单提交扩展Ext.ux.submit
- js富文本处理和表单提交功能总结
- 表单的焦点顺序和对应enter键提交
- 利用AjaxSubmit()方法实现Form提交表单后回调功能
- 【js】按下enter键禁止表单自动提交
- artEditor增加表单提交功能
- 基于Ext Core的包含校验功能的表单提交扩展Ext.ux.submit
- 基于ASP.NET+EasyUI框架实现图片上传提交表单功能(js提交图片)
- 表单的焦点顺序tabindex和对应enter键提交
- html表单enter键按下自动提交
- Servlet的5种方式实现表单提交(注册小功能),后台获取表单数据
- IE单文本域表单用Enter键提交表单失败的BUG
- js实现键盘Enter键提交表单的方法