By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,474 Members | 1,283 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,474 IT Pros & Developers. It's quick & easy.

Press Enter on a text box

P: n/a
JCO
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?
Jul 20 '05 #1
Share this Question
Share on Google+
7 Replies


P: n/a
In article <k0*****************@nwrddc03.gnilink.net>,
J.********@verizon.net 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

Jul 20 '05 #2

P: n/a
JCO
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" <ti******@NOSPAM.comcast.net> wrote in message
news:MP************************@nntp.lucent.com...
In article <k0*****************@nwrddc03.gnilink.net>,
J.********@verizon.net 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

Jul 20 '05 #3

P: n/a
On Fri, 13 Feb 2004 02:29:56 GMT, JCO <J.********@verizon.net> 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
M.******@blueyonder.co.invalid (replace ".invalid" with ".uk" to reply)
Jul 20 '05 #4

P: n/a
JCO
It is working now. Thanks for your help.

"Michael Winter" <M.******@blueyonder.co.invalid> wrote in message
news:op**************@news-text.blueyonder.co.uk...
On Fri, 13 Feb 2004 02:29:56 GMT, JCO <J.********@verizon.net> 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
M.******@blueyonder.co.invalid (replace ".invalid" with ".uk" to reply)

Jul 20 '05 #5

P: n/a
Ivo
" JCO" <J.********@verizon.net> wrote in message
news:EE******************@nwrddc01.gnilink.net...
<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
Jul 20 '05 #6

P: n/a
JCO
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" <no@thank.you> wrote in message
news:40***********************@news.euronet.nl...
" JCO" <J.********@verizon.net> wrote in message
news:EE******************@nwrddc01.gnilink.net...
<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

Jul 20 '05 #7

P: n/a
On Fri, 13 Feb 2004 20:47:37 GMT, JCO <J.********@verizon.net> wrote:

[Fixed top-post]
"Ivo" <no@thank.you> wrote in message
news:40***********************@news.euronet.nl...
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
M.******@blueyonder.co.invalid (replace ".invalid" with ".uk" to reply)
Jul 20 '05 #8

This discussion thread is closed

Replies have been disabled for this discussion.