form.reset() is not a function

[daveginorge]

Hi All

I am trying to simulate using the reset button using Javascripts reset() function but I keep getting the error form.reset is not a function.

<form method="post" action="mail.php" onsubmit="return checkForm(this)" name="webform" id="webform">

I have tried

document.webform.reset();
document.getElementById("webform").reset();

I always get the same error using FF error console.
I have googled extensively and it seems that the code should work. I seem to be missing something.
Please can someone help me a little here.

Thanks in advance

[DrDoc]

Have you validated your HTML, just to eliminate the chance of there being a DOM issue?

[daveginorge]

Yes the page validates with the validator

[daveginorge]

OK found the answer in Mozilla's developer center.

If a form control (such as a reset button) has a name or id of reset it will mask the form's reset method.

I had the button I was using to trigger the resetting of the form named "reset".

That's something new learnt for me today.

[dreamcatcher]

Silly question, but is the reset button within the <form> tags?

dc

[daveginorge]

Hi DC. No there was not a <input type="reset" name="reset" id="reset" /> but I created a normal button
<input type="button" name="reset" id="reset" /> to trigger my javascript:

function resetForm() { 
 form.reset();
 other code.......;
}

According to Mozilla's dev center any control holding the name or id "reset" will mask the form.reset() function. Changing the name and id of the button to "clear" solved the problem.