Press Enter on a text box

[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?

[kaeli]

In article <k0************ *****@nwrddc03. gnilink.net>,
J.********@veri zon.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

[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="frmPasswo rd" onSubmit="retur n valForm()">
<input type=password name="txtInput" size="15" onkeypress="onE nter();" >
<input type="button" value="Enter Password" name="btnEnter"
onclick="valFor m();">
<input type="reset" value="Clear" name="btnClear" ></p>

function onEnter(){
if(event.keyCod e==13)
document.frmPas sword.btnEnter. click();
}

What is wrong with this?

"kaeli" <ti******@NOSPA M.comcast.net> wrote in message
news:MP******** *************** *@nntp.lucent.c om...

In article <k0************ *****@nwrddc03. gnilink.net>,
J.********@veri zon.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

[Michael Winter]

On Fri, 13 Feb 2004 02:29:56 GMT, JCO <J.********@ver izon.net> wrote:

<FORM NAME="frmPasswo rd" onSubmit="retur n valForm()">
<input type=password name="txtInput" size="15" onkeypress="onE nter();" >
<input type="button" value="Enter Password" name="btnEnter"
onclick="valFor m();">
<input type="reset" value="Clear" name="btnClear" ></p>

function onEnter(){
if(event.keyCod e==13)
document.frmPas sword.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.cl ick();
return false;
}
return true;
}
...
<input type="password" name="txtInput" size="15"
onkeypress="ret urn onEnter(event,t his.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.******@blueyo nder.co.invalid (replace ".invalid" with ".uk" to reply)

[JCO]

It is working now. Thanks for your help.

"Michael Winter" <M.******@bluey onder.co.invali d> wrote in message
news:op******** ******@news-text.blueyonder .co.uk...

On Fri, 13 Feb 2004 02:29:56 GMT, JCO <J.********@ver izon.net> wrote:

<FORM NAME="frmPasswo rd" onSubmit="retur n valForm()">
<input type=password name="txtInput" size="15" onkeypress="onE nter();" >
<input type="button" value="Enter Password" name="btnEnter"
onclick="valFor m();">
<input type="reset" value="Clear" name="btnClear" ></p>

function onEnter(){
if(event.keyCod e==13)
document.frmPas sword.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.cl ick();
return false;
}
return true;
}
...
<input type="password" name="txtInput" size="15"
onkeypress="ret urn onEnter(event,t his.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.******@blueyo nder.co.invalid (replace ".invalid" with ".uk" to reply)

[Ivo]

" JCO" <J.********@ver izon.net> wrote in message
news:EE******** **********@nwrd dc01.gnilink.ne t...

<FORM NAME="frmPasswo rd" onSubmit="retur n valForm()">
<input type=password name="txtInput" size="15" onkeypress="onE nter();" >
<input type="button" value="Enter Password" name="btnEnter"
onclick="valFor m();">
<input type="reset" value="Clear" name="btnClear" ></p>

function onEnter(){
if(event.keyCod e==13)
document.frmPas sword.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

[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" <[e-mail] > wrote in message
news:40******** *************** @news.euronet.n l...

" JCO" <J.********@ver izon.net> wrote in message
news:EE******** **********@nwrd dc01.gnilink.ne t...

<FORM NAME="frmPasswo rd" onSubmit="retur n valForm()">
<input type=password name="txtInput" size="15" onkeypress="onE nter();" >
<input type="button" value="Enter Password" name="btnEnter"
onclick="valFor m();">
<input type="reset" value="Clear" name="btnClear" ></p>

function onEnter(){
if(event.keyCod e==13)
document.frmPas sword.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

[Michael Winter]

On Fri, 13 Feb 2004 20:47:37 GMT, JCO <J.********@ver izon.net> wrote:

[Fixed top-post]

"Ivo" <[e-mail] > wrote in message
news:40******** *************** @news.euronet.n l...

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.******@blueyo nder.co.invalid (replace ".invalid" with ".uk" to reply)