2 button form + which button was pressed

Bill_W_Stephens · Apr 4, 2006

I need a form with two buttons and ability to detect which button was
pressed. I got this code to work using a javascript global variable,
but I know there must be a better way using DOM. Any suggestions?

<html>
<head>
<script language="JavaScript" type="text/javascript">
// global var: which button I am pressing
var btnWhichButton;
//========================================================
// Check the input fields of the form
//========================================================
function chkMyForm() {
alert(btnWhichButton.value);
document.SubmitExpenseForm1.action="#";

// If Delete Record
if (btnWhichButton.value == "Delete Record")
{
document.SubmitExpenseForm1.DeleteRecordParm.value = 'Y' ;
window.document.SubmitExpenseForm1.submit();
return;
}

// Otherwise do validation
chkTextArea();
document.SubmitExpenseForm1.DeleteRecordParm.value = 'N' ;
window.document.SubmitExpenseForm1.submit();
}

//========================================================
// Check Text Area
//========================================================

function chkTextArea() {
// additional validation...
alert("Extra Validation done here")
}

</script>

</head>
<body>

<form class="noLF" name="SubmitExpenseForm1"
action="javascript:chkMyForm();" >
<input TYPE=HIDDEN NAME="ExpenseCode" value="AUTO">
<input TYPE=HIDDEN NAME="AcctPeriod" value="02">
<input TYPE=HIDDEN NAME="AcctYear" value = "2006">
<input type="hidden" name="DeleteRecordParm">


<input type="submit" NAME="Submit" value="Submit Record"
onclick="btnWhichButton=this">


<input type="submit" NAME="DeleteRecord" value="Delete Record"
onclick="btnWhichButton=this">

</form>

</BODY>
</HTML>

RobG · Apr 4, 2006

(e-mail address removed) said on 04/04/2006 1:23 PM AEST:

I need a form with two buttons and ability to detect which button was
pressed. I got this code to work using a javascript global variable,
but I know there must be a better way using DOM. Any suggestions?

Change your function to be a property of an object and have the button's
click event set a property of that object rather than of the window
(global) object.

<html>
<head>
<script language="JavaScript" type="text/javascript">

The language attribute is deprecated, remove it but keep type.

// global var: which button I am pressing
var btnWhichButton;
//========================================================
// Check the input fields of the form
//========================================================
function chkMyForm() {

Change to:

var chkMyForm = (function()
{
var btnWhichButton;

return {
check : function(){
alert(btnWhichButton.value);

// Do real checking based on value of btnWhichButton
// Essentially put body of your current function here

},
setWhichButton : function(btn){
btnWhichButton = btn;
}
};
})();

Then in the form:

<form action="" onsubmit="chkMyForm.check()" ... >

<input type="submit" name="SubmitRecord" value="Submit Record"
onclick="chkMyForm.setWhichButton(this)">

<input type="submit" name="DeleteRecord" value="Delete Record"
onclick="chkMyForm.setWhichButton(this)">

</form>

[...]

<form class="noLF" name="SubmitExpenseForm1"
action="javascript:chkMyForm();" >

Don't munge the action attribute, use an onsubmit attribute (see above).

[...]

<input type="submit" NAME="Submit" value="Submit Record"
onclick="btnWhichButton=this">

It's not good to use 'Submit' as a form control name, it can too easily
become 'submit' and mask the form's submit() method. It's not a problem
here, but good to avoid anyway.

[...]

Php modal form to email	1	Aug 28, 2024
Function call from button to automatic	7	Mar 17, 2023
Registration Form	7	Aug 30, 2023
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button>	1	Apr 22, 2023
Can't execute php to delete multiple rows in database	3	May 14, 2023
Need Help, Both submit button works same, i need both submit button works differently, the one button override other button	3	Nov 9, 2022
Misusing the reset-button into submission	3	Feb 8, 2012
Graph of quadratic function with CanvasRenderingContext2D	2	May 9, 2024

2 button form + which button was pressed

Bill_W_Stephens

RobG

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads