ntrivedi74
05-05-2004, 03:22 PM
Hi,
I am new to javascript.
How do I prevent duplicate submission of the form when user double clicks on submit button. I am trying to disable the submit button once the user clicks on it. But no luck. Here is my code.
-------------------***********************--------------------
<html>
<head>
<script language="javacript">
function disable_buttons()
{
if (document.all || document.getElementById)
{
for (i=0; i<document.form1.length ; i++)
{
if (document.form1.elements.type.toLowerCase() == "submit" ||
document.form1.elements.type.toLowerCase() == "button" )
{
document.form1.elements.disabled = true;
}
}
}
}
function submitForm()
{
disable_buttons();
document.form1.submit();
}
</script>
</head>
<body>
<form action="Test.html" method="post" name="form1">
<Table>
<tr><td>
First name: <input type="text" name="fname" value=""><br>
</td></tr>
<tr><td>
Last name: <input type="text" name="lname" value=""><br>
</td></tr>
<tr><td>
<INPUT TYPE=BUTTON OnClick="submitForm(this.form);" value="Submit">
<input type="reset" name="Reset" value="Reset">
</td></tr>
</table>
</form>
</body>
</html>
-------------------***********************--------------------
When I click on submit button, nothing happens except I get an error msg in status bar (bottom of the screen) saying "Error on page". Can somebody help me out?
Is there any other way to prevent duplicate form submission when user double clicks on submit or ok button?
Ni****
I am new to javascript.
How do I prevent duplicate submission of the form when user double clicks on submit button. I am trying to disable the submit button once the user clicks on it. But no luck. Here is my code.
-------------------***********************--------------------
<html>
<head>
<script language="javacript">
function disable_buttons()
{
if (document.all || document.getElementById)
{
for (i=0; i<document.form1.length ; i++)
{
if (document.form1.elements.type.toLowerCase() == "submit" ||
document.form1.elements.type.toLowerCase() == "button" )
{
document.form1.elements.disabled = true;
}
}
}
}
function submitForm()
{
disable_buttons();
document.form1.submit();
}
</script>
</head>
<body>
<form action="Test.html" method="post" name="form1">
<Table>
<tr><td>
First name: <input type="text" name="fname" value=""><br>
</td></tr>
<tr><td>
Last name: <input type="text" name="lname" value=""><br>
</td></tr>
<tr><td>
<INPUT TYPE=BUTTON OnClick="submitForm(this.form);" value="Submit">
<input type="reset" name="Reset" value="Reset">
</td></tr>
</table>
</form>
</body>
</html>
-------------------***********************--------------------
When I click on submit button, nothing happens except I get an error msg in status bar (bottom of the screen) saying "Error on page". Can somebody help me out?
Is there any other way to prevent duplicate form submission when user double clicks on submit or ok button?
Ni****