回车键触发的问题

代码如下，我想当键盘中按下回车键的时候触发<input type="image" name="send" src="/images/bt-send-form.gif">这个图片按钮的事件，但现在触发的是<button id="btn" name="refresh" value="刷新图片">刷新图片</button>这个。怎么才能当点击键盘上的回车键的时候执行的是<input type="image" name="send" src="/images/bt-send-form.gif"> 这个按钮？<form class="middle-forms" method="post" action="" onsubmit="return false;">
<h3>安全检查</h3>
<p>该页面是工资查询页面.<br/>
要继续的话请看下面的图片，然后输入安全代码.<br/></p>
<fieldset>
<ol>
<li class="even">
<label class="field-title">{=_('密码')}:</label>
<label><input class="txtbox-short" type="password" name="passwd"></label>
<span class="clearFix"> </span>
</li>
<li>
<label class="field-title">{=_('安全代码')}:</label>
<label><input class="txtbox-short" type="text" name="captcha_code"></label>
<span class="clearFix"> </span>
</li>
<li class="even">
<label class="field-title">{=_('安全图片')}: </label>
<label>
<img align="absmiddle" alt="captcha" src="/my/salary/captcha" id="captchaImg">

</label>
<button id="btn" name="refresh" value="刷新图片">刷新图片</button>
<span class="clearFix"> </span>

</li>
</ol>
</fieldset>
<p class="align-right"><input type="image" name="send" src="/images/bt-send-form.gif"></p>
<span class="clearFix"> </span>
</form>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

JS 代码如下(function($){
$(document).ready(function(){
left_menu('my_salary');
top_menu('my');

$('button[name=refresh]').click(function(){
$('#captchaImg')[0].src = '/my/salary/captcha/?' + new Date().getTime();
});

$(':input[name=send]').click(function(){
$('.middle-forms').submit();
});

});
})(jQuery);
input type="image" 这样的东西其实就是 input type="submit"
实际上你并没有触发刷新安全码的操作只是form表单被提交了而服务器端会验证此时肯定不符合
所以又重定向到此页面导致安全码刷新问题是在你form提交那块代码里
或者你吧把那个按钮换成 img 然后给document绑定 keydown事件 keyCode==13的提交
<script>
document.onkeydown = function()
    {
     var oEvent = window.event;
     if (oEvent.keyCode == 13) {
document.getElementByName("send").click();
      alert("test");
     }
    }
</script>
<script>
document.onkeydown = function()
    {
     var oEvent = window.event;
     if (oEvent.keyCode == 13) {
document.getElementByName("send").click();
      alert("test");
     }
    }
</script>
<html><head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("p").click(function(){
  $(this).hide();
  });
  $(document).keydown(function(){
     $(":button").click();
     return false
  });
});
</script>
</head><body>
<p>If you click on me, I will disappear.</p>
<input type='image' value='image' onclick='alert("image")' />
<input type='button' value='button' onclick='alert("button")' />
</body></html>
这种情况一般把事件绑定到最后一个输入框。因为有了输入才需要提交，否则都没输入密码和验证码，提交了也没用。$(':input[name=captcha_code]').keypress(function()
{
var ek = window.event.keyCode||window.event.which;
if(ek==13)//判断回车
{
  $(':input[name=send]').click();
}
});
$(document).keypress( function(e) {
                        var key = window.event ? e.keyCode : e.which;
                        if(key.toString() == "13"){
                            $(':input[name=send]').click();
                        }
                });