屏蔽Enter键提交表单的功能

 

在牛腩发布系统中，类别管理中，更改类别名称的时候，按下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"属性保证是非提交按钮。