How to pass form field to javascript function

arunjp · Dec 17, 2001

Hi !
I was trying to pass formname and formfield as two arguments to javascript function ononClick event. But in the javascript function, it's not able to recognise the formname and fieldname as form objects. Something like this,

---HTML-----
<INPUT TYPE="button" NAME="next" VALUE="Next" onClick="signUp4(formname, fieldname);">
---HTML-----

----Javascript-----
function signUp4(formname, fieldname)
{
alert(document.formname.fieldname.value);
}
---Javascript-----

But the above function throws error.

How to pass the form and form field and access both as form objects, so that I can access the value or length (if it's radio or checkbox).

Thanks
AJP

alexfusion · Dec 17, 2001

Hi arunjp,

You can try this code:
<html>
<head>
<title>My page</title>
<script language="javascript">
function getvalues(refer_form)
{
formname=refer_form.name;
fieldvalue=refer_form.email.value;
alert("The form name is "+formname+" "+"and the value of the email field is "+fieldvalue);
}
</script>
</head>
<body>
<form name="myform">
<input type="text" name="email" size="50">
<br>
<br>
<input type="button" name="mybutton" value="button1" onclick="getvalues(this.form)">
</form>
</body>
</html>

I built a simple form similar to yours.I included a field named "email" as an example.You can include what you wish.
The onclick event handler is applied to the form button.
I pass the form to the function using "this.form" as an argument.
Then,inside the function you can get the form name and the values of all the form elements you might include.
There are many ways of doing this,but I think this is one of the best.I don't know if this is clear enough but I am trying to help.

I hope this was what you are looking for.

Best Regards

alexfusion

Mighty · Dec 18, 2001

If you only need the value then just do this:

---HTML-----
<INPUT TYPE="button" NAME="next" VALUE="Next" onClick="signUp4(document.myFormname.myFieldname.value);">
---HTML-----

where myFormname is the name of your form and myFieldname is the name of the field you want. You JS function would then be:

----Javascript-----
function signUp4(value)
{
alert(value);
}
---Javascript-----

However, if you need the field and the form, then just do the following:

---HTML-----
<INPUT TYPE="button" NAME="next" VALUE="Next" onClick="signUp4(document.myFormname, document.myFormname.myFieldname);">
---HTML-----

----Javascript-----
function signUp4(formname, fieldname)
{
alert(fieldname.value);
}
---Javascript-----

Another alternative is that you pass the actual text names of your field and form which I think you might have been referring to. In this case you would need something like the following:

---HTML-----
<INPUT TYPE="button" NAME="next" VALUE="Next" onClick="signUp4('myFormname', 'myFieldname');">
---HTML-----

----Javascript-----
function signUp4(formname, fieldname)
{
alert(eval("document." + formname + "." + fieldname).value);
}
---Javascript-----

Mise Le Meas,

Mighty

Mighty · Dec 18, 2001

That might be a bit confusing. It assumes that your form code would be something like:

<FORM NAME="myFormname".........>
.
.
<INPUT TYPE="TEXT" NAME="myFieldName"...>
.
.
</FORM> Mise Le Meas,

Mighty

tsdragon · Dec 18, 2001

If you pass the form NAME and field NAME, then they aren't objects, they're strings. You can pass the OBJECTS using this and this.form. Tracy Dryden
tracy@bydisn.com

http://www.bydisn.com

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

How to pass form field to javascript function

arunjp

Programmer

alexfusion

Programmer

Mighty

Programmer

Mighty

Programmer

tsdragon

Programmer

Similar threads

Part and Inventory Search

Sponsor