TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Pressing Enter should submit the form

5 pointsby jonascopenhagenabout 12 years ago
There are too many forms out there where pressing Enter (when an input field is focused) does nothing. Pressing Enter should submit the form.<p>Normal HTML(5) forms work this way, but if your form is mostly managed through JS you don't necessarily get this default functionality.<p>If you don't actually use the &#60;form&#62; tag but instead just have an input field and a submit button, pressing Enter will do nothing. In that case there are two solutions:<p>1) Put the input fields inside a &#60;form&#62;. (If you need JS to control form submission, you can always include an onsubmit event handler that returns true or false depending on whether the user filled in the form correctly). Example: http://jsfiddle.net/LFkGZ/<p>2) Attach a keydown event to &#60;body&#62; so that when the user presses Enter you can submit the form. Example: http://jsfiddle.net/6r7gh/

3 comments

ScottWhighamabout 12 years ago
Except when it shouldn't: multi-line textboxes (such as those on a "Contact Us" or "Description" box) need the ability to let the user hit Enter without the form being submitted.
评论 #5455193 未加载
jonascopenhagenabout 12 years ago
Clickable: <a href="http://jsfiddle.net/LFkGZ/" rel="nofollow">http://jsfiddle.net/LFkGZ/</a> <a href="http://jsfiddle.net/6r7gh/" rel="nofollow">http://jsfiddle.net/6r7gh/</a>
goofygrinabout 12 years ago
Small forms... Sure. Long forms... Not so much.