Will the form be submitted after onclick event

[hon123456]

Dear all,

Suppose I have a form as follows:

<script>
functionABC()
{ alert("Hello world")}
</script>

<form name="form1" action="test.php" method="post">
<input type="submit" value="submit" onclick = "functionABC">
</form>

My question is : When I press the submit button, after the
onclick function is executed, will the form be submitted too following
the execution of onclick function? Thanks.

[Evertjan.]

hon123456 wrote on 09 jan 2007 in comp.lang.javascript:

Dear all,

Suppose I have a form as follows:

<script>
functionABC()
{ alert("Hello world")}
</script>

<form name="form1" action="test.php" method="post">
<input type="submit" value="submit" onclick = "functionABC">

better:

onclick = "functionABC();return true;"

</form>

My question is : When I press the submit button, after the
onclick function is executed, will the form be submitted too following
the execution of onclick function? Thanks.

Did you test this?

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[jiverbean]

Evertjan. wrote:

hon123456 wrote on 09 jan 2007 in comp.lang.javascript:

Dear all,

Suppose I have a form as follows:

<script>
functionABC()
{ alert("Hello world")}
</script>

<form name="form1" action="test.php" method="post">
<input type="submit" value="submit" onclick = "functionABC">

better:

onclick = "functionABC();return true;"

Whay is onclick = " functionABC();return true;" better? Are there
browsers who don't support the built-in submit event? Would it not
submit if we write return false?

I would like to suggest the following:

<script>
functionABC(myForm)
{ alert("Hello world")
myForm.submit(); }
</script>

<form name="form1" action="test.php" method="post">
<input type="button" value="submit" onclick = "functionABC">
</form>

Iassume this only works if JavaScript is enabled, but I always like to
do field validation on forms.
Regards,
jiverbean
Luxembourg

[Duncan Booth]

"jiverbean" <je********@internet.luwrote:

Suppose I have a form as follows:

<script>
functionABC()
{ alert("Hello world")}
</script>

<form name="form1" action="test.php" method="post">
<input type="submit" value="submit" onclick = "functionABC">

better:

onclick = "functionABC();return true;"

Whay is onclick = " functionABC();return true;" better?

It is 'better' in the sense that it actually calls the function rather than
just referencing the function object without calling it. Or at least it
would be better if there was a functionABC defined somewhere to call.

Your script, in case you hadn't realised it contains a call to
functionABC() followed by a block calling alert(). It doesn't actually
contain a function definition. Also it is missing the type attribute, but
that wouldn't stop it running.

[Evertjan.]

jiverbean wrote on 09 jan 2007 in comp.lang.javascript:

>>
better:

onclick = "functionABC();return true;"

Whay is onclick = " functionABC();return true;" better? Are there
browsers who don't support the built-in submit event?

Would it not submit if we write return false?

Indeed, you got it.

>
I would like to suggest the following:

<script>

<script type='text/javascript'>

functionABC(myForm)
{ alert("Hello world")
myForm.submit(); }
</script>

<form name="form1" action="test.php" method="post">
<input type="button" value="submit" onclick = "functionABC">
</form>

Problem one: not functionABC but functionABC()

Problem two: this would do a "double submit" where the js submit and the
html submit each could fire first.

My advice here:

onclick = "functionABC();return false;"

If you had added terget='_blank' to the <form and [corrected the ()],
you could probably see the double submit easily.

Iassume this only works if JavaScript is enabled,

Yes JS works only when enabled.

but I always like to do field validation on forms.

Is this on topic?
--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)