How do i get the form handle

mareeus · Apr 5, 2007

Hi,

Let's say we have the following html code (a body with some forms):

<html>
<head>
</head>

<body>
<form name="form1" action="#">
<input type="image"
onmouseover="print_form_name()"
alt="Send"
value="1"
name="Send"
src="submit.gif"/>
</form>

<form name="form2" action="#">
<input type="image"
onmouseover="print_form_name()"
alt="Send"
value="2"
name="Send"
src="submit.gif"/>
</form>
</body>
</html>

I'm interested in the code of print_form_name() function. How can i
make it return the form handle, or run an alert with the form name, or
show me a list of controls of the current form (this is what i want).
Thanks in advance.

Regards,
Marius.

brunascle · Apr 5, 2007

Hi,

Let's say we have the following html code (a body with some forms):

<html>
<head>
</head>

<body>
<form name="form1" action="#">
<input type="image"
onmouseover="print_form_name()"
alt="Send"
value="1"
name="Send"
src="submit.gif"/>
</form>

<form name="form2" action="#">
<input type="image"
onmouseover="print_form_name()"
alt="Send"
value="2"
name="Send"
src="submit.gif"/>
</form>
</body>
</html>

I'm interested in the code of print_form_name() function. How can i
make it return the form handle, or run an alert with the form name, or
show me a list of controls of the current form (this is what i want).
Thanks in advance.

Regards,
Marius.

well, here's a kind of fragile way to do it:

alert(this.parentNode.name);

in other words, your HTML would look like <input ...
onmouseover="alert(this.parentNode.name);" ... />

that should work, assuming that the <input> element is the direct
child of the <form> element (like what you have now). if you were to,
say, put a table inside the <form>, and put the <input> inside the
table, it wouldnt work anymore because the code "this.parentNode"
would be getting the wrong element (probably a <td> or something like
that).

you could also try this:

alert(this.form.name);

it looks like that will work in firefox, but i'm not sure about other
browsers. i dont think that way is "proper" DOM, but it would
certainly be easier.

Lee · Apr 6, 2007

no said:

[email protected] said:
[email protected] said:

Hi,

Let's say we have the following html code (a body with some forms):

<html>
<head>
</head>

<body>
<form name="form1" action="#">
<input type="image"
onmouseover="print_form_name()"
alt="Send"
value="1"
name="Send"
src="submit.gif"/>
</form>

<form name="form2" action="#">
<input type="image"
onmouseover="print_form_name()"
alt="Send"
value="2"
name="Send"
src="submit.gif"/>
</form>
</body>
</html>

I'm interested in the code of print_form_name() function. How can i
make it return the form handle, or run an alert with the form name, or
show me a list of controls of the current form (this is what i want).

Click to expand...

Instead of

onmouseover="print_form_name()"

Click to expand...

use onmouseover="print_form_name(this)"

Then your JS for

print_form_name()

becomes

function print_form_name(x) { // x is the passed parameter
theFormName = x.form.name; //string
alert(theFormName);
theForm = document.forms[theFormName]; //the form object

x.form already IS the form object.
In fact, if they set onmouseover="print_form_name(this.form)",
then x will be the form object.

--

mareeus · Apr 15, 2007

Thanks a lot. Very useful tips from all of you

Uhhhhh, What can I do next?	6	Nov 25, 2023
Registration Form	7	Aug 30, 2023
How do I hide the modal after 5 seconds?	4	Jun 1, 2023
Issue with passing fetched data to POST form. How can I?	0	Jul 23, 2023
I need help making an html website	2	Aug 2, 2023
I dont get this. Please help me!!	2	Jan 24, 2023
How do I get the if statement correct in the lines that has it in the program?	2	Mar 16, 2023
Why doesn't the function get called?	1	Nov 20, 2023

How do i get the form handle

mareeus

brunascle

Lee

mareeus

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads