IE an FireFox click() or submit()

[kpowning]

I have a form with a submit button called "complete" what I need to do is once clicked the form checks that all fields are filled in and then I need it to post "complete" this way I can check for the submit and run my database inquiries.

The problem is that I have multiple drop down select fields and many of them require an onclick"this.form.submit();" which refreshes the page in order for me to show them more or less information depending on what they fill out and select. This works fine, but once I add after my form validation
document.getElementById('complete').submit()
this works in internet explorer but in firefox says not a valid function. How can I do this? OR ANY SUGGESTIONS?

Thanks.

[kpowning]

HERE IS THE JAVASCRIPT:

<script type="text/javaScript"><!--
function VF_form1(){ //v2.5.2
var theForm = document.forms["form1"];
var rFlg_worktype = false;
var errMsg = "";
var setfocus = "";
var val = "";
for(var r0=0;r0<theForm['worktype'].length;r0++){if(theForm['worktype'][r0].checked)rFlg_worktype=true;}
for(x=0; x<document.form1.worktype.length; x++){if(document.form1.worktype[x].checked == true)val = [x];}
if (theForm['adtype'].value != "Employment" && theForm['category1'].value == "Please Select One..."){
errMsg = "A Category is Required!";
setfocus = "['category1']";
}
if (theForm['adtype'].value == "Visiting" && theForm['departdate'].value <= theForm['arrivedate'].value){
errMsg = "Your Departure Date Must Be After Your Arrival Date!";
setfocus = "['departdate']";
}
if (theForm['adtype'].value == "Visiting" && theForm['departdate'].value == "" ){
errMsg = "Departure Date is Required!";
setfocus = "['departdate']";
}
if (theForm['adtype'].value == "Visiting" && theForm['arrivedate'].value == "" ){
errMsg = "Arrival Date is Required!";
setfocus = "['arrivedate']";
}
if (theForm['adtype'].value == "Visiting" && theForm['visitingduration'].value == "1" ){
errMsg = "Visiting Duration is Required!";
setfocus = "['visitingduration']";
}
if (theForm['adtype'].value != "Visiting" && theForm['advertduration'].value == "1"){
errMsg = "Advertisement Duration is required!";
setfocus = "['advertduration']";
}
if (theForm['adtype'].value == "Please Select One..."){
errMsg = "Advertising Type is Required!";
setfocus = "['adtype']";
}
if (val == "1" && theForm['adtype'].value != "Employment" && theForm['multiplegirls'].value == ""){
errMsg = "Multiple Girl Posting Selection is Required!";
setfocus = "['multiplegirls']";
}
if (val == "1" && theForm['agencyname'].value == ""){
errMsg = "Agency Name is Required!";
setfocus = "['agencyname']";
}
if (!val){
errMsg = "Your Affiliation is Required!";
setfocus = "['worktype'][0]";
}
if (errMsg != ""){
alert(errMsg);
eval("theForm" + setfocus + ".focus()");
} else

theForm['complete'].submit();
//document.getElementById('complete').submit();
//document.getElementByName('complete').click();
}
//-->
</script>

[kpowning]

Then I want the form to Submit once validation is complete.

HTML I have for submit:

<form method="post" enctype="multipart/form-data" id="form1" name="form1" onSubmit="VF_form1();return false;">
<input type="submit" id="complete" name="complete" value="Submit">
<input type="hidden" id="MM_insert" name="MM_insert" value="form1">
</form>

THEN MY PHP LOOKS FOR THE FOLLOWING:

if ((isset($_POST["complete"])) && (isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) { // then run database quiries...

[JPnyc]

Two ways of going about this then immediately occur are, validate each field on blur, or just use a standard method of returning on submit of the form tag.