Forms Submission

ddchaos · Nov 13, 2000

I have messed with this script for too long. When I click on the link or on the button, I get a message that says "Object does not support this property or method." According to all the debuggers I've tried (Microsoft and Netscape) the code always fails at 'frm.submit()' I have tried different script placements, in line scripts etc. all to no avail. The only time this seems to work is if I don't do any validation. The only problem is, I'm working the issue for an on line job application where validate is absolutely imperitive.

Any ideas?

Thanks in advance

Paul

<HTML>
<HEAD>

<SCRIPT LANGUAGE="javascript">
<!--//
function submitIt(frm){
if(validate(frm) doSubmit(frm)
}

function doSubmit(frm){
frm.submit()
}

function validate(frm){
if(isEmpty(frm.fname.value) || isEmpty(frm.lname.value)){
alert("Please fill out form completely.&quot

;
return false;
}
return true;
}

function isEmpty(s){
if(s.length == 0 || s == "&quot

{
return true;
}
}

//-->
</SCRIPT>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
</HEAD>

<BODY>


<FORM NAME="frmInput" METHOD="post" ACTION="output.asp">
<TABLE BORDER=0 CELLPADDING=1 CELLSPACING=0 BGCOLOR="#000000"> <TR>
<TD>

<TABLE BORDER=0 CELLPADDING=8 CELLSPACING=0 BGCOLOR="#BABABA">
<TR>
<TD>
<FONT FACE="verdana" SIZE=3>
First Name
</TD>
<TD>
<INPUT NAME="fname" TYPE="text">
</TD>
</TR>
<TR>
<TD>
<FONT FACE="verdana" SIZE=3>
Last Name
</TD>
<TD>
<INPUT NAME="lname" TYPE="text">
</TD>
</TR>
<TR>
<TD COLSPAN=2 ALIGN=right>
<FONT FACE="verdana" SIZE=3>
<A HREF="javascript:submitIt(document.frmInput)">
Submit</A>
<P>
<INPUT NAME="submit" TYPE="button" VALUE="Submit"
onClick="submitIt(document.frmInput)">
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</FORM>

</BODY>
</HTML>

sophisticate · Nov 13, 2000

You can make things easier on yourself by using the onSubmit() handler in the <form> tag. Just remember to end your javascript function with a return true. Something akin to this:

<HTML>
<HEAD>
<SCRIPT LANGUAGE="javascript">
<!--//

function isEmpty(s){
if(s.length == 0 || s == "&quot

{
return true;
}
}

function validate(frm){
if(isEmpty(frm.fname.value) || isEmpty(frm.lname.value)) {
alert("Please fill out form completely.&quot

;
return false;
}
return true;
}

//-->
</SCRIPT>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
</HEAD>
<BODY>

<FORM NAME="frmInput" METHOD="get" ACTION="test.html" onSubmit='return validate(this);'>
<TABLE BORDER=0 CELLPADDING=1 CELLSPACING=0 BGCOLOR="#000000"> <TR>
<TD>

<TABLE BORDER=0 CELLPADDING=8 CELLSPACING=0 BGCOLOR="#BABABA">
<TR>
<TD>
<FONT FACE="verdana" SIZE=3>
First Name
</TD>
<TD>
<INPUT NAME="fname" TYPE="text">
</TD>
</TR>
<TR>
<TD>
<FONT FACE="verdana" SIZE=3>
Last Name
</TD>
<TD>
<INPUT NAME="lname" TYPE="text">
</TD>
</TR>
<TR>
<TD COLSPAN=2 ALIGN=right>
<INPUT TYPE="submit" VALUE="Submit">
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>

sophisticate · Nov 13, 2000

Note that the few changes in the <form> tag (other than the onSubmit() entry) were things that I used to test the functionality of the page. It's not necessary to use the get method, and the action is completely irrelevent.

brendanc@icehouse.net

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!

Forms Submission

ddchaos

Programmer

sophisticate

Programmer

sophisticate

Programmer

Similar threads

Part and Inventory Search

Sponsor