How do I use "enter" correctly for form submission

Question

0.00/5 (No votes)

See more:

Hi,

I never really got the hang of this:

I have a page where the user could add details, but the login control is always there in the top left.

On any professional site, I can enter my login details and hit "enter", but if I don't then "enter" will submit the for I filled out.

How is this done? How do pro sites manage this? Is it based on which control is active (focused) when I hit enter?

Thanks ^_^
Andy

Posted 18-Aug-15 22:14pm

Andy Lanng

Add a Solution

Comments

Suvendu Shekhar Giri 19-Aug-15 4:26am

Isn't that refered to as "Default Button"?

Try putting a panel around the login control and set the default button property for the respective button.
At the same time, you can also set default button for the form too.

If your requirement is something different, please share more information.

Andy Lanng 19-Aug-15 6:48am

Terminology is something autodidacts like me lack :S
This is what I am looking for, but F-ES posted the solution. If I could hand points out to comments then you'd get 5'ed ^_^

Sinisa Hajnal 19-Aug-15 4:27am

It is either iframe with independant handling of enter or javascript which handles enter key for the page. Google around, you'll find plenty of examples. Good luck.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

F-ES Sitecore · Accepted Answer · 2015-08-18T22:47:00

When you press "Enter" on a form the browser will "click" the first button on the form, so if that is your Submit/Login button then people can enter their details and just press enter to login.

If you want a login form and, for example, a search form on the same page then you have two forms. One for login and one for search. That way pressing enter will only trigger the one the user is on.

If this is WebForms and your entire page is wrapped in a single server form (form tag with runat=server) then all your controls are in one form so if your login area has a login button and your search area a search button then clicking enter in the search area will click the login button as it is the first button in your single form. To get around this you wrap your "logical" forms in an asp:Panel and specifiy the default button property on the panel. What this does is cause asp.net to add javascript to your page that hooks into the keypress events and when you press enter it will click the button specified in the default button property of the outer panel. This way when you click enter in login the login button click event is triggered, and when you do it in search the click event of the search button is triggered.