【问题标题】:How can i allow enter button to submit form [duplicate]我如何允许输入按钮提交表单[重复]
【发布时间】:2017-03-07 08:40:30
【问题描述】:

您好,我尝试使用输入按钮发送表单,通常默认情况下,当我点击输入时,表单将提交,但在此期间,当我按下输入按钮时,我无法继续提交表单。

我只能通过鼠标点击“登录”来提交表单,我用 ajax 发送

您好,这是我的登录表单:

<form  class="form-horizontal" id="loginForm" > 
    <div class="form-group has-feedback">
        <input type="text" class="form-control" placeholder="Email" name="login_email" id="login_email">
    </div>
    <div class="form-group has-feedback">
        <input type="password" class=" form-control" placeholder="Password" name="login_password" id="login_password">
    </div>
    <div class="text-center form-group">                
        <input type="button" name="login_button" id="login_button" class="btn btn-default btn-block btn-primary" value="LOG IN">
    </div>
    <p class="small">
        <h6 class="text-center"><a href="forgot-password.php">  
        Forgotten account Password?</a></h6>
        <div class="processloader_login"></div>
    </p>
    <div class="form-group">    
        <a href="signup.php " class="btn btn-block btn-success">CREATE AN ACCOUNT</a>
    </div>
</form>

【问题讨论】:

  • 我认为你正在使用 jquery 点击事件使用 $("form").submit(function(event)
  • 使用按钮type="submit"。无需为此编写代码
  • 简单更改 type="button" 为 type="submit"

标签: php html ajax forms


【解决方案1】:

您没有提交按钮尝试按键事件和submit() 函数

$('body').keypress(function(e){
if (e.keyCode == 13)
{
    $('#loginForm').submit();
}
});

或改变

&lt;input type="button" 到一个类型提交

【讨论】:

  • 它就像魔术一样谢谢你,我会在 5 分钟内接受答案
【解决方案2】:
document.onkeydown=function(){
    if(window.event.keyCode=='13'){
        document.form.submit();
    }
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-09-29
    • 2011-11-04
    • 2016-03-14
    • 2012-03-29
    • 1970-01-01
    • 2011-01-26
    • 1970-01-01
    • 2016-12-04
    相关资源
    最近更新 更多