Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > Javascript > Press Enter on a text box

Reply
Thread Tools

Press Enter on a text box

 
 
JCO
Guest
Posts: n/a
 
      02-12-2004
How's come when I press the enter key, I can't get it to execute the correct
password.
It seems that I'm forced to press the button. I want to be able to do both.

How is this done?


 
Reply With Quote
 
 
 
 
kaeli
Guest
Posts: n/a
 
      02-12-2004
In article <k0RWb.1679$(E-Mail Removed)>,
http://www.velocityreviews.com/forums/(E-Mail Removed) enlightened us with...
> How's come when I press the enter key, I can't get it to execute the correct
> password.
> It seems that I'm forced to press the button. I want to be able to do both.
>



You're going to have be a lot more specific.
Got a url?

--
--
~kaeli~
A midget fortune teller who escapes from prison is a small
medium at large.
http://www.ipwebdesign.net/wildAtHeart
http://www.ipwebdesign.net/kaelisSpace

 
Reply With Quote
 
 
 
 
JCO
Guest
Posts: n/a
 
      02-13-2004
Sorry for the lack of detail. Site is not hosted at this time.
I will try again. I have a logon form (logon.htm) that contains a Textbox,
Push Button (label = Enter Password) & and a Clear button (label is clear).
Simple as that.

Currently, you would enter the password in the text box and select the
button. The script does the rest. I want to modify it by allowing the user
to type in the password and simply press the enter key as another method to
validate the form. I tried to trap the enter key as shown, but it is not
working.

<FORM NAME="frmPassword" onSubmit="return valForm()">
<input type=password name="txtInput" size="15" onkeypress="onEnter();" >
<input type="button" value="Enter Password" name="btnEnter"
onclick="valForm();">
<input type="reset" value="Clear" name="btnClear"></p>

function onEnter(){
if(event.keyCode==13)
document.frmPassword.btnEnter.click();
}

What is wrong with this?



"kaeli" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> In article <k0RWb.1679$(E-Mail Removed)>,
> (E-Mail Removed) enlightened us with...
> > How's come when I press the enter key, I can't get it to execute the

correct
> > password.
> > It seems that I'm forced to press the button. I want to be able to do

both.
> >

>
>
> You're going to have be a lot more specific.
> Got a url?
>
> --
> --
> ~kaeli~
> A midget fortune teller who escapes from prison is a small
> medium at large.
> http://www.ipwebdesign.net/wildAtHeart
> http://www.ipwebdesign.net/kaelisSpace
>



 
Reply With Quote
 
Michael Winter
Guest
Posts: n/a
 
      02-13-2004
On Fri, 13 Feb 2004 02:29:56 GMT, JCO <(E-Mail Removed)> wrote:

> <FORM NAME="frmPassword" onSubmit="return valForm()">
> <input type=password name="txtInput" size="15" onkeypress="onEnter();" >
> <input type="button" value="Enter Password" name="btnEnter"
> onclick="valForm();">
> <input type="reset" value="Clear" name="btnClear"></p>
>
> function onEnter(){
> if(event.keyCode==13)
> document.frmPassword.btnEnter.click();
> }
>
> What is wrong with this?


You don't cancel the event. Try:

function onEnter( evt, frm ) {
var keyCode = null;

if( evt.which ) {
keyCode = evt.which;
} else if( evt.keyCode ) {
keyCode = evt.keyCode;
}
if( 13 == keyCode ) {
frm.btnEnter.click();
return false;
}
return true;
}
...
<input type="password" name="txtInput" size="15"
onkeypress="return onEnter(event,this.form);" >

This should work (partially tested on) Opera 7.23, Netscape 7, IE 6, and
Mozilla 1.6. Your original code could only have worked on IE and Opera;
Netscape and Mozilla don't support a global event object, or event.keyCode.

Mike

--
Michael Winter
(E-Mail Removed)d (replace ".invalid" with ".uk" to reply)
 
Reply With Quote
 
JCO
Guest
Posts: n/a
 
      02-13-2004
It is working now. Thanks for your help.

"Michael Winter" <(E-Mail Removed)> wrote in message
news(E-Mail Removed)...
> On Fri, 13 Feb 2004 02:29:56 GMT, JCO <(E-Mail Removed)> wrote:
>
> > <FORM NAME="frmPassword" onSubmit="return valForm()">
> > <input type=password name="txtInput" size="15" onkeypress="onEnter();" >
> > <input type="button" value="Enter Password" name="btnEnter"
> > onclick="valForm();">
> > <input type="reset" value="Clear" name="btnClear"></p>
> >
> > function onEnter(){
> > if(event.keyCode==13)
> > document.frmPassword.btnEnter.click();
> > }
> >
> > What is wrong with this?

>
> You don't cancel the event. Try:
>
> function onEnter( evt, frm ) {
> var keyCode = null;
>
> if( evt.which ) {
> keyCode = evt.which;
> } else if( evt.keyCode ) {
> keyCode = evt.keyCode;
> }
> if( 13 == keyCode ) {
> frm.btnEnter.click();
> return false;
> }
> return true;
> }
> ...
> <input type="password" name="txtInput" size="15"
> onkeypress="return onEnter(event,this.form);" >
>
> This should work (partially tested on) Opera 7.23, Netscape 7, IE 6, and
> Mozilla 1.6. Your original code could only have worked on IE and Opera;
> Netscape and Mozilla don't support a global event object, or

event.keyCode.
>
> Mike
>
> --
> Michael Winter
> (E-Mail Removed)d (replace ".invalid" with ".uk" to reply)



 
Reply With Quote
 
Ivo
Guest
Posts: n/a
 
      02-13-2004
" JCO" <(E-Mail Removed)> wrote in message
news:EEWWb.14139$(E-Mail Removed)...

> <FORM NAME="frmPassword" onSubmit="return valForm()">
> <input type=password name="txtInput" size="15" onkeypress="onEnter();" >
> <input type="button" value="Enter Password" name="btnEnter"
> onclick="valForm();">
> <input type="reset" value="Clear" name="btnClear"></p>
>
> function onEnter(){
> if(event.keyCode==13)
> document.frmPassword.btnEnter.click();
> }
>


I believe I noticed that the "Enter key" functionality depends on the
presence of an <input type="submit"> in the form. I had a form where I
replaced it with a <button> (to allow underlined letters) and the Enter key
stopped working there and then. The non-javascript dependent solution I
ended up with was to add an <input type="submit"> with a height and width of
1.
HTH
Ivo


 
Reply With Quote
 
JCO
Guest
Posts: n/a
 
      02-13-2004
Are you saying to change the button (that says "Enter Password") should be
of type submit or are you saying the textbox should be of type submit.

I have changed the textbox to type=password; this makes sense.

"Ivo" <(E-Mail Removed)> wrote in message
news:402d0888$0$70750$(E-Mail Removed)...
> " JCO" <(E-Mail Removed)> wrote in message
> news:EEWWb.14139$(E-Mail Removed)...
>
> > <FORM NAME="frmPassword" onSubmit="return valForm()">
> > <input type=password name="txtInput" size="15" onkeypress="onEnter();" >
> > <input type="button" value="Enter Password" name="btnEnter"
> > onclick="valForm();">
> > <input type="reset" value="Clear" name="btnClear"></p>
> >
> > function onEnter(){
> > if(event.keyCode==13)
> > document.frmPassword.btnEnter.click();
> > }
> >

>
> I believe I noticed that the "Enter key" functionality depends on the
> presence of an <input type="submit"> in the form. I had a form where I
> replaced it with a <button> (to allow underlined letters) and the Enter

key
> stopped working there and then. The non-javascript dependent solution I
> ended up with was to add an <input type="submit"> with a height and width

of
> 1.
> HTH
> Ivo
>
>



 
Reply With Quote
 
Michael Winter
Guest
Posts: n/a
 
      02-14-2004
On Fri, 13 Feb 2004 20:47:37 GMT, JCO <(E-Mail Removed)> wrote:

[Fixed top-post]

> "Ivo" <(E-Mail Removed)> wrote in message
> news:402d0888$0$70750$(E-Mail Removed)...
>
>> I believe I noticed that the "Enter key" functionality depends on the
>> presence of an <input type="submit"> in the form.


[snip]

> Are you saying to change the button (that says "Enter Password") should
> be of type submit or are you saying the textbox should be of type submit.


What I believe Ivo is trying to say is that when a submit button is
present in a form and the Enter key is pressed whilst a textbox or
password field[1] in the same form has focus, the form should be submitted.

If you change btnEnter to type submit, you might not need the script I
presented (I wasn't really thinking about that, I just fixed your script).

Mike

[1] I don't remember if this extends to other form controls.

--
Michael Winter
(E-Mail Removed)d (replace ".invalid" with ".uk" to reply)
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Re: Canon XT - doing full press without wating at half-press Wolfgang Weisselberg Digital Photography 0 10-25-2010 01:37 AM
Re: Canon XT - doing full press without wating at half-press Ray Fischer Digital Photography 0 10-24-2010 06:06 AM
div box questions; float text around a box, fit box to image size Gnarlodious HTML 4 05-05-2010 11:30 AM
capturing from text area Shft+Enter, Control+Enter, Alt+Enter and browser issue. HopfZ Javascript 0 08-28-2006 10:11 AM
Enter Press on Text box ASP.Net csgraham74 ASP .Net 2 09-27-2005 12:49 PM



Advertisments