form表单 按回车自动提交 实现方式

做登录界面时，想要实现按回车自动提交，必须要在form标签中加个submit提交按钮，但是很多时候登录按钮都是使用自己的图片。

注：a. 隐藏submit按钮或设置其z-index的方式无效；

　　b. 必选要加个 "<!-- -->" 注释块，不加也实现不了，让我很纠结；

下面是我自己实现这种效果的代码。思路是将submit按钮宽高设为0，然后利用position隐藏到img的后面。（当时用的是IE8）

<form>
<input type="submit" style="position:relative;right:-30px;width:0;height:0;" />
<!-- 不加这个注释块，按回车就不会激发form提交事件，累死我了！ -->
<img src="/img/login/login.png" onclick="$(this).closest('form').submit();" style="position:relative;" />
</form>

后来发现跟jquery-ui的dialog好像有点关系，有什么bug吧，不知道具体什么原因了。

转载于:https://www.cnblogs.com/adforce/archive/2012/03/22/2411967.html