Поддержка Enter в полях ввода

@rmm_psyche · Регистрация: 11.10.2016

Author24 — интернет-сервис помощи студентам

Здравствуйте! Моя проблема (скорее, проблемка) заключается в том, что не срабатывает Enter.

Вот часть кода, рабочего кода. (В inUser() происходит всего лишь проверка правильности пары логин-пароль и в случае удачи перенаправляет на другую страницу)

HTML5

<section id="login">
<p><strong>login:</strong> 
  <input id="log" maxlength="25" size="30" name="login" placeholder="Login"></p>
<p><strong>password:</strong> 
  <input type="password" id="psw" maxlength="25" size="30" name="password" placeholder="Password"></p>
<p><input class="login-button" id="btn" type="submit" onclick="isUser()" value="Login!"></p>
</section>

Предполагается, что после ввода пароля мне достаточно нажать Enter, чтобы сработала кнопка Login, однако пока что приходится тянуться к этой вот кнопке курсором и жать мышкой. Да и ранее нажатие Enter, например, в поле ввода логина должно перекинуть в поле ввода пароля. Можно, конечно, оставить и так, но наткнувшись на эту проблему я впервые осознал, насколько это неудобно. В общем, пожалуйста, подскажите, в какую сторону мне стараться это сделать.

@Balanaar · 10.01.2017, 20:08

Попробуйте так:

HTML5

<form id="login">
<p><strong>login:</strong> 
  <input id="log" maxlength="25" size="30" name="login" placeholder="Login"></p>
<p><strong>password:</strong> 
  <input type="password" id="psw" maxlength="25" size="30" name="password" placeholder="Password"></p>
<p><input class="login-button" id="btn" type="submit" onclick="isUser()" value="Login!"></p>
</form>

Добавлено через 33 минуты

Сообщение от rmm_psyche

Да и ранее нажатие Enter, например, в поле ввода логина должно перекинуть в поле ввода пароля

Стандартное поведение формы такого не предполагает. Для этого нужно писать свой код. А вот нажатие кнопки сабмита при клике по enter'у - это стандарт.

	10.01.2017, 20:08