使用"Enter"按钮提交表单不起作用



我有这个html表单,我想通过按Enter键来运行它:a

<form id="login" name="login2" action="" data-action="" method="post">
<div class="error-message js-error-message"></div>
<fieldset>
<label for="signin_input_loginid">Login</label>
<span class="corner-wrapper">
<input type="text" name="username" value="" class="trans-02s trans-color trans-box-shadow" id="username">
<span class="corner corner-top-left"></span>
<span class="corner corner-top-right"></span>
<span class="corner corner-bottom-left"></span>
<span class="corner corner-bottom-right"></span>
</span>
<label for="signin_input_password">Password</label>
<span class="corner-wrapper">
<input type="password" name="password" value="" class="trans-02s trans-color trans-box-shadow" id="signin_input_password">
<span class="corner corner-top-left"></span>
<span class="corner corner-top-right"></span>
<span class="corner corner-bottom-left"></span>
<span class="corner corner-bottom-right"></span>
</span>
</fieldset>
<fieldset class="clearfix">
<div class="f-left remember clearfix">
<label class="f-left">Remember me?</label>
<div class="toggle-wrapper checkbox-slider f-left off">
<div class="button trans-02s trans-left"></div>
<span class="choice-1 choice trans-02s trans-color trans-text-shadow">No</span>
<span class="choice-2 choice trans-02s trans-color trans-text-shadow">Yes</span>
<input type="hidden" name="remember" value="0">
</div>
</div>
<span class="submit-wrapper f-right" style="margin-top: 14px;">
<span class="submit-hover trans-02s trans-opacity"></span>
<input type="" onclick="login_g2();" value="Login" class="lbut trans-02s trans-color trans-background">
</span>
</fieldset>
</form>

我尝试添加不同的脚本或更改表单等。但它不起作用。我无法按回车键启动提交:

<script>
//submit the form
$( "#login" ).submit(function( event ) {
event.preventDefault();
});
</script>

防止默认值不是此问题的最佳主意。

尝试使用此 jquery 解决方案。

$(function() {
$("form input").keypress(function (e) {
if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) {
$('button[type=submit] .default').click();
return false;
} else {
return true;
}
});
});

最新更新