Question

我有这个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>

并且我尝试添加其他脚本或更改表单等。但这不起作用。我无法通过按Enter键来启动提交：

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

Answer 1

防止默认设置并不是解决此问题的最佳方法。

尝试使用此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;
        }
    });
});

使用“输入”按钮提交表单无效

1 个答案: