Как остановить нажатие клавиши Enter при нажатии кнопки «Отправить» в моей HTML-форме - PullRequest
0 голосов
/ 19 сентября 2018

У меня есть форма с некоторыми полями для ввода текста (скажем, FirstName и LastName, чтобы было проще), а затем поле ввода для ввода в нижней части формы (со значением Sign In)

КогдаЯ набираю что-то в одном из текстовых полей (например, набираю John для FirstName) и затем нажимаю Enter на клавиатуре, он автоматически вызывает поле ввода ввода, как будто я действительно нажал кнопку «Sign In».

Я понимаю причину, по которой это происходит, однако мне нужно найти обходной путь, чтобы, если нажата клавиша Enter, я мог продолжить набирать текст в оставшейся части формы.Я не хочу, чтобы форма действительно отправлялась до тех пор, пока кто-то не нажмет на кнопку «Войти».

Я прочитал предложение, например, вместо <input type="submit" value="Sign In"> на <input type="button" value="Sign In">, однако, если я сделаю это, кнопка не будет нажиматься и фактически не «отправит» форму.

Есть предложения?

Я не включил свой код, потому что я не чувствовал, что это необходимо, поскольку я уверен, что есть действительно простое решение, которое мне полностью не хватает ... но если мне действительно нужно вставить свой код, яможет .. спасибо.

Ответы [ 2 ]

0 голосов
/ 19 сентября 2018

Встроенный HTML:

<form onkeypress="return event.keyCode != 13;" ...>
...
</form>

Это работает путем отключения клавиши ввода для всей формы.(обратите внимание, что это остановит вас от создания новых строк в текстовых областях)

Источник

0 голосов
/ 19 сентября 2018

Вы не можете для ввода «текст», но вы можете для ввода «область», потому что область ввода не является фиксированным.

...