Enterキーでログインを送信

Enterキーを押してログインを送信しようとしていますが、以前はフォームタグの下にあるので、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>

出典

2017-02-02 Bob

したい場合は、デフォルトのアクションでフォームのように振る舞いますか、フォームタグに戻してみませんか？ –

私はこのログインフォームにajax PUTリクエストコールを持っています。以前はformタグを持っていたときには、デフォルトでmethod = 'post'になり、PUTメソッドは認識されませんでした。フォームタグを削除したらうまく動作します。だから、それを削除しなければならなかった – Bob

@MikeMcCaughanありがとう、私はそのリンク上のソリューションを試し、戻ってくる可能性のあるソリューションのようだ。 – Bob

はあなたがそれarroundのformタグを入れて、そこにイベントリスナーをバインドしようとしました：

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

出典

2017-02-02 23:28:24 cyrix

Enterキーでログインを送信

答えて

関連する問題