Does anyone know of a way to disable the return button on a page? I have form that has an onblur check on a field and if enter is pressed multiple times the form will submit with inproper data. I would like to disable the return button and require mouse clicks only. Thanks in advance for your help!
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!
-
Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Disable return button
- Thread starter nmath
- Start date
have you thought about validating the form ?
<HTML>
<HEAD>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
function valid(form) {
var field = form.age;
var userAge = parseInt(field.value);
if (!userAge) {
alert("You must indicate your age."
;
return false;
} else if (userAge >= 18) {
alert("Thank your for your resume."
return true;
} else {
alert("You are only " + userAge + ". Try again when you are 18."
field.focus();
field.select();
return false;
}
}
// -->
</SCRIPT>
<FORM METHOD="POST"
ACTION="mailto:you@yourdomain.com"
ENCTYPE="text/plain"
onSubmit="return valid(this)">
Your age:<BR><INPUT TYPE="text" NAME="age" SIZE="2"><BR>
Desired Job:<BR><INPUT TYPE="text" NAME="job" SIZE="40"><BR>
Resume:<BR><TEXTAREA NAME="resume" COLS="40" ROWS="5"></TEXTAREA><BR>
<INPUT TYPE="submit" VALUE="Send Resume">
</FORM>
</BODY>
</HTML>
<HTML>
<HEAD>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
function valid(form) {
var field = form.age;
var userAge = parseInt(field.value);
if (!userAge) {
alert("You must indicate your age."
;return false;
} else if (userAge >= 18) {
alert("Thank your for your resume."
; return true;
} else {
alert("You are only " + userAge + ". Try again when you are 18."
; field.focus();
field.select();
return false;
}
}
// -->
</SCRIPT>
<FORM METHOD="POST"
ACTION="mailto:you@yourdomain.com"
ENCTYPE="text/plain"
onSubmit="return valid(this)">
Your age:<BR><INPUT TYPE="text" NAME="age" SIZE="2"><BR>
Desired Job:<BR><INPUT TYPE="text" NAME="job" SIZE="40"><BR>
Resume:<BR><TEXTAREA NAME="resume" COLS="40" ROWS="5"></TEXTAREA><BR>
<INPUT TYPE="submit" VALUE="Send Resume">
</FORM>
</BODY>
</HTML>
- Thread starter
- #3
Thanks for the suggestion!! I do have a validate form function. I have two buttons, one validates the form and makes sure that the type is correct and certain fields are entered and saves without the ability to come back and edit. The other button simply saves (I am working with ASP and SQL database) with the option to come back and edit. The fields do not have to filled in if the user clicks save w/ the option to edit later so I kinda wanted to eliminate the checking of the entire form because the data entered really doesn't matter. I just want to eliminate (if possible) the submission of the form simply by hitting enter repeatedly since that may not be the desired result when closing an alert window.
WartookMan
Technical User
nmath,
This was a piece of code I used a while back and it did the trick at the time. When a user (in the password field) hits the enter key, the form is automatically submitted. Checks are obviously done to ensure that the username and the password fields are not empty before submitting.
Hope this helps:
Pete.
Web Developer / Aptrix CMS (LWWCM) Specialist
w: e: Pete.Raleigh(at)lclimited.co.uk
This was a piece of code I used a while back and it did the trick at the time. When a user (in the password field) hits the enter key, the form is automatically submitted. Checks are obviously done to ensure that the username and the password fields are not empty before submitting.
Hope this helps:
Code:
<form name="Login"... >
Username: <input type="text" name="username"><br>
Password: <input type="password" name="password">
</form>
...
<script language="Javascript">
<!--
function lemmein(keypressed) {
var agt = navigator.userAgent.toLowerCase();
var is_ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
var is_gecko = (agt.indexOf(’gecko’) != -1);
var key;
if (is_ie) {
key=window.event.keyCode;
} else if (is_gecko) {
key=keypressed.keyCode;
} else {
key=keypressed.which;
}
// Check if the ENTER key was hit
if (key == 13) {
if (loginValidation() != false) {
document.Login.submit();
}
}
}
if (document.Login && document.Login.username) {
document.Login.username.focus();
document.Login.password.onkeypress=lemmein;
}
//-->
</script>Pete.
Web Developer / Aptrix CMS (LWWCM) Specialist
w: e: Pete.Raleigh(at)lclimited.co.uk
- Status
Similar threads
