default buttons on forms

marketingmaggie · Jan 5, 2004

Does anyone know how to make the enter key action the submission of a form, instead of having to click on the button? My little form is as follows, as I'd thought that adding the reset button would force the submit button to become the default for the enter key. But it doesn't! Just nothing happens when I press the enter key.

<form name="f">
<input type="password" name="pwd1" size="25">
<br>
<input type="button" name="btn1" value="enter" onclick="validate()">
<input type="reset" value="reset" name="B1">
</form>

Many thanks: it's always these simple things which are so hard to find out.

MarketingMaggie

CoreyBryant · Jan 5, 2004

Double clic on your enter button & make it submit. It should be like:
<input type="submit" name="btn1" value="enter" onclick="validate()">

Right now - it is just a button.

__________________________
Corey

http://www.merchantaccounts4less.com/promo/tek.asp

marketingmaggie · Jan 6, 2004

Corey,

Thanks for responding. I've changed the button type to "submit" as below:
<form name="f">
<input type="password" name="pwd1" size="25">
 <br>
<input type="submit" name="btn1" value="enter" onclick="validate()">
</form>
but I still need to click (or double-click) the button to make the form move to validation - which is a separate bit of javascript and works fine. What I want is to be able to validate by depressing the enter key instead - well, either/or would be good. But using the keyboard just doesn't produce an effect other than to clear the passowrd box. Where now?

Maggie

CoreyBryant · Jan 6, 2004

What is the javascript as well so that I can look @ the entire code? Everytime I test it it errors on me unless I remove the onclick.

__________________________
Corey

http://www.merchantaccounts4less.com/promo/tek.asp

marketingmaggie · Jan 6, 2004

Corey,

This is the javascript. Clicking the button works fine, calls up the "home" page. But you'll have to set the window.location to something on your own machine, as this is not a live site yet.

<script type="text/javascript">
<!--
function validate(){
var entry=document.f.pwd1.value.toLowerCase();
if(entry=="mosque&quot

window.location="

http://oemcomputer/ISRSA2004/pass/home.htm";

else{
alert("password incorrect - please re-try&quot

;
document.f.pwd1.value="";}
}
//-->
</script>
Maggie

CoreyBryant · Jan 6, 2004

This seemed to work for me:

Code:

<script type=&quot;text/javascript&quot;>
<!--
function validate(){
var entry=document.f.pwd1.value.toLowerCase();
if(entry==&quot;mosque&quot;) window.location=&quot;[URL unfurl="true"]http://oemcomputer/ISRSA2004/pass/home.htm&quot;;;[/URL]
else{
alert(&quot;password incorrect - please re-try&quot;);
document.f.pwd1.value=&quot;&quot;;}
}
//-->
</script>
</head>

<body>
<form name=&quot;f&quot; method=&quot;post&quot;>
<input type=&quot;password&quot; name=&quot;pwd1&quot; size=&quot;25&quot;>
 <br>
<input type=&quot;submit&quot; name=&quot;btn1&quot; value=&quot;enter&quot; onclick=&quot;validate()&quot;>  
<input type=&quot;reset&quot; value=&quot;reset&quot; name=&quot;B1&quot;>
</form>

__________________________
Corey

http://www.merchantaccounts4less.com/promo/tek.asp

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

default buttons on forms

marketingmaggie

Technical User

CoreyBryant

Programmer

marketingmaggie

Technical User

CoreyBryant

Programmer

marketingmaggie

Technical User

CoreyBryant

Programmer

Similar threads

Part and Inventory Search

Sponsor