2017-02-02 4 views
0

Я пытаюсь отправить логин нажатием клавиши 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> 
+2

Если вы хотите действительно ведут себя как форма с действием по умолчанию, почему бы не вернуть его в тег формы? –

+0

У меня есть запрос запроса ajax PUT для этой формы входа, ранее, когда у меня был тег формы, он по умолчанию использовал метод = 'post' и не распознавал метод PUT. После того как я удалил тег формы, он работает хорошо. Так что пришлось удалить его – Bob

+0

Спасибо @MikeMcCaughan, я попробую решение по этой ссылке и вернусь, похоже, это возможное решение. – Bob

ответ

1

Вы пытались поставить тэг формы Arround его и привязать EventListener к нему:

document.querySelector('.myForm').addEventListener('submit', function(e) { 
    e.preventDefault(); 
    // do your put request here 
} 
Смежные вопросы