javascript - 按 Enter 键提交登录信息

Question

我试图在按 Enter 键时提交登录信息，之前所有内容都在表单标签下，因此按 Enter 键即可工作。但现在不行了，有人可以帮我解决这个问题吗？

HTML:

<div class="login-form">
    <p>Please Sign In</p>
    <div class="form-group" id="login-fields">
        <div class="cols-sm-10">
            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"><span class="text--white glyphicon glyphicon-user"></span></i>
                </span>
                <input type="text" name="user" id="user" placeholder="Username" class="form-control" required/>
            </div>
        </div>
    </div>
    <div class="form-group" id="login-fields">
        <div class="cols-sm-10">
            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"><span class="text--white glyphicon glyphicon-lock"></span></i>
                </span>
                <input type="password" name="pass" id="pass" placeholder="Password" class="form-control" required/>
            </div>
        </div>
    </div>
    <div>
        <input type="submit" value="Sign In" id="submit-login" onclick="save()" />
    </div>
</div>
</div>

Answer 1

您是否尝试在其周围放置表单标记并将事件监听器绑定(bind)到提示>

document.querySelector('.myForm').addEventListener('submit', function(e) {
  e.preventDefault();
  // do your put request here
}