Ad:

PHP Discussion Thread
Unsolved
Views: 2859

Page 1
2
Next

You are currently viewing page 1 of this multi-page discussion thread

Jun 7th, 2009

Auto button when user hits the Enter key

Expand Post »

Hi

I am developing a login screen for my website, with usercode and password fields, and a Login button.

I need to know how I can make the Login button automatically submit when the user hits the Enter key in either field (as apposed to the user clicking the Login button, which already works).

Thanks

Nigel

Similar Threads

Starting wxPython (GUI code) in Python
2d array help please in C
logic error that i cannot find... HELP? in C++
A small calculator in vb in VB.NET
Do While loop not working in VB.NET

nigelburrell

Reputation Points: 11

Solved Threads: 0

Light Poster

Offline

38 posts
since Jun 2009

Permalink

Jun 7th, 2009

Re: Auto button when user hits the Enter key

Can you post the form it is most likley the way you have structured the form.

Josh Connerty

Reputation Points: 31

Solved Threads: 27

Unverified User

Offline

342 posts
since Apr 2009

Permalink

Jun 7th, 2009

Re: Auto button when user hits the Enter key

Browsers do that by default. They will submit the form you're currently on when you hit enter(unless you're in a textbox) you don't have to do anything special.

ShawnCplus

Sponsor

Reputation Points: 520

Solved Threads: 268

Code Monkey

Offline

1,564 posts
since Apr 2005

Permalink

Jun 11th, 2009

Re: Auto button when user hits the Enter key

hi
i think you want that login form submit that user press enter key after entering password right.
so i pu one example here where i call javascript function on keypress of textbox

PHP Syntax (Toggle Plain Text)
 <input name="login2" type="password" class="form" id="login2" maxlength="30" style="width:180" onKeyPress="return entersubmit(this,event)"/>
 <input name="login2" type="password" class="form" id="login2" maxlength="30" style="width:180" onKeyPress="return entersubmit(this,event)"/>

PHP Syntax (Toggle Plain Text)
<script type="text/javascript">
function entersubmit(field,e)
{	
	var keycode;
	if (window.event) keycode = window.event.keyCode;
	else if (e) keycode = e.which;
	else return true;
 
	if (keycode == 13)
  	{ 
		//alert('hi');
		if(Email.validate() && Passwd.validate())
		{
				field.form.action="userlogin";
				field.form.submit();
				return false;
		}		
  }
	else
   		return true;
}
 
</script>
<script type="text/javascript">
function entersubmit(field,e)
{	
	var keycode;
	if (window.event) keycode = window.event.keyCode;
	else if (e) keycode = e.which;
	else return true;

	if (keycode == 13)
  	{ 
		//alert('hi');
		if(Email.validate() && Passwd.validate())
		{
				field.form.action="userlogin";
				field.form.submit();
				return false;
		}		
  }
	else
   		return true;
}

</script>

Thanks

Tulsa

Reputation Points: 13

Solved Threads: 15

Junior Poster in Training

Offline

77 posts
since May 2009

Permalink

Jun 11th, 2009

Re: Auto button when user hits the Enter key

yes there is no need of such code.
when you click on enter in textbox forms is automatically submitted.

navi17

Reputation Points: 15

Solved Threads: 6

Junior Poster

Offline

118 posts
since Oct 2007

Permalink

Jun 12th, 2009

Re: Auto button when user hits the Enter key

hi
Yes
when we click on enter in textbox forms is automatically submitted only in "google chrome" browser
so for i.e and mozila browser we need to use this type of code as per my view..

Thanks

Tulsa

Reputation Points: 13

Solved Threads: 15

Junior Poster in Training

Offline

77 posts
since May 2009

Permalink

Jun 12th, 2009

Re: Auto button when user hits the Enter key

No you don't...

At least I don't...

Should do it fine, I presume nigelburrell (if he is still alive) has made a little cock up in his form, the idea is that it submits the current form...

Josh Connerty

Reputation Points: 31

Solved Threads: 27

Unverified User

Offline

342 posts
since Apr 2009

Permalink

Jun 15th, 2009

Re: Auto button when user hits the Enter key

Click to Expand / Collapse Quote originally posted by Tulsa ...

hi
i think you want that login form submit that user press enter key after entering password right.
so i pu one example here where i call javascript function on keypress of textbox
PHP Syntax (Toggle Plain Text)
 <input name="login2" type="password" class="form" id="login2" maxlength="30" style="width:180" onKeyPress="return entersubmit(this,event)"/>
<input name="login2" type="password" class="form" id="login2" maxlength="30" style="width:180" onKeyPress="return entersubmit(this,event)"/>
PHP Syntax (Toggle Plain Text)
<script type="text/javascript">
function entersubmit(field,e)
{	
	var keycode;
	if (window.event) keycode = window.event.keyCode;
	else if (e) keycode = e.which;
	else return true;
 
	if (keycode == 13)
  	{ 
		//alert('hi');
		if(Email.validate() && Passwd.validate())
		{
				field.form.action="userlogin";
				field.form.submit();
				return false;
		}		
  }
	else
   		return true;
}
 
</script>
<script type="text/javascript"> function entersubmit(field,e) { var keycode; if (window.event) keycode = window.event.keyCode; else if (e) keycode = e.which; else return true; if (keycode == 13) { //alert('hi'); if(Email.validate() && Passwd.validate()) { field.form.action="userlogin"; field.form.submit(); return false; } } else return true; } </script>
Thanks

Thanks for your code Tulsa, it works great.

nigelburrell

Reputation Points: 11

Solved Threads: 0

Light Poster

Offline

38 posts
since Jun 2009

Permalink

Jun 15th, 2009

Re: Auto button when user hits the Enter key

Click to Expand / Collapse Quote originally posted by Josh Connerty ...

No you don't...

At least I don't...

Should do it fine, I presume nigelburrell (if he is still alive) has made a little cock up in his form, the idea is that it submits the current form...

What I found is that if the form contains only one textbox, then hitting Enter worked. But the moment I included two or more textboxes, in this case, a username and password textbox, then I needed the OnKey trigger code on the password textbox. I call the javascript from this to submit the current form and it works well now.

Thanks for your help.

nigelburrell

Reputation Points: 11

Solved Threads: 0

Light Poster

Offline

38 posts
since Jun 2009

Permalink

Jun 15th, 2009

Re: Auto button when user hits the Enter key

Using JavaScript is excessive as all HTML forms should submit when pressing enter (Provided they are setup properly). If you post the source of your form. I'm sure someone here (perhaps myself) can help fix it.

1337cookie

Reputation Points: 11

Solved Threads: 2

Newbie Poster

Offline

9 posts
since Jun 2009

Page 1
2
Next

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in PHP Forum Timeline: Send email from PHP

Next Thread in PHP Forum Timeline: WordPress scope???

DaniWeb Message

Cancel Changes

User Name
Password