Please hepl

[Tyla]

I have been teaching myself javascript and i am having a huge problem with this form. All it has to do is check that every field has something in it and then post, but as soon as it gets to the document.getEle mentById('form1 ').submit(); it throws an error and say that the object is not supported. Here is the code:

<script language="javas cript">
function check_form(){

if(document.get ElementById('na me').value == ""){
alert("Enter in your name:");
document.getEle mentById('name' ).focus();
return;
}

if(document.get ElementById('su rname').value == ""){
alert("Enter in your surname:");
document.getEle mentById('surna me').focus();
return;
}


if(document.get ElementById('em ail').value == ""){
alert("Enter in your Email Address:");
document.getEle mentById('email ').focus();
return;
}

if(document.get ElementById('bn ame').value == ""){
alert("Enter in your business name:");
document.getEle mentById('bname ').focus();
return;
}

if(document.get ElementById('ce llno').value == ""){
alert("Enter in your Cellphone number:");
document.getEle mentById('celln o').focus();
return;
}


if(document.get ElementById('Q1 ').value == ""){
alert("Please answer Question 1:");
document.getEle mentById('Q1'). focus();
return;
}

if(document.get ElementById('Q2 ').value == ""){
alert("Please answer Question 2:");
document.getEle mentById('Q2'). focus();
return;
}

if(document.get ElementById('Q3 ').value == ""){
alert("Please answer Question 3:");
document.getEle mentById('Q3'). focus();
return;
}

document.getEle mentById('form1 ').submit();
}

</script>

<table>
<form name="form1" id="form1" action="mailer2 .php" method="post">
<tr>
<td colspan="3"><st rong>Customer Details</strong></td>
</tr>
<tr>
<td colspan="3">Ple ase fill in the following * textboxes in order to press submit.</td>
</tr>
<tr>
<td colspan="3"><hr color="#CCCCCC" width="660" align="center" /></td>
</tr>
<tr>
<td >*&nbsp;&nbsp;& nbsp;Name:</td>
<td>&nbsp;&nbsp ;&nbsp;&nbsp;&n bsp;&nbsp;</td>
<td><input name="name" id="name" type="text" /></td>
</tr>
<tr>
<td >*&nbsp;&nbsp;& nbsp;Surname:</td>
<td>&nbsp;&nbsp ;&nbsp;&nbsp;&n bsp;&nbsp;</td>
<td><input name="surname" id="surname" type="text" /></td>
</tr>
<tr>
<td >*&nbsp;&nbsp;& nbsp;Email:</td>
<td>&nbsp;&nbsp ;&nbsp;&nbsp;&n bsp;&nbsp;</td>
<td><input name="email" id="email" type="text" /></td>
</tr>
<tr>
<td >*&nbsp;&nbsp;& nbsp;Business Name:</td>
<td>&nbsp;&nbsp ;&nbsp;&nbsp;&n bsp;&nbsp;</td>
<td><input name="bname" id="bname" type="text" /></td>
</tr>
<tr>
<td >&nbsp;&nbsp;&n bsp;&nbsp;&nbsp ;Ticket Number:</td>
<td>&nbsp;&nbsp ;&nbsp;&nbsp;&n bsp;&nbsp;</td>
<td><input name="ticno" id="ticno" type="text" /></td>
</tr>
<tr>
<td >&nbsp;&nbsp;&n bsp;&nbsp;&nbsp ;Telephone Number:</td>
<td>&nbsp;&nbsp ;&nbsp;&nbsp;&n bsp;&nbsp;</td>
<td><input name="telno" id="telno" type="text" /></td>
</tr>
<tr>
<td >*&nbsp;&nbsp;& nbsp;Cellphone Number:</td>
<td>&nbsp;&nbsp ;&nbsp;&nbsp;&n bsp;&nbsp;</td>
<td><input name="cellno" id="cellno" type="text" /></td>
</tr>
<tr><td colspan="3">&nb sp;</td></tr>
<tr><td colspan="3">&nb sp;</td></tr>
<tr>
<td colspan="3"><st rong>Questionai r</strong></td>
</tr>
<tr>
<td colspan="3"><hr color="#CCCCCC" width="660" align="center" /></td>
</tr>
<tr>
<td >1. Were you treated in a friendly manner?</td>
<td>&nbsp;&nbsp ;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp ;&nbsp;&nbsp; </td>
<td >
<input name="Q1" id="Q1" value="poor" type="radio" />Poor
<input name="Q1" id="Q1" value="average "type="radi o" />Average
<input name="Q1" id="Q1" value="good" type="radio" />Good
</td>
</tr>
<tr>
<td colspan="3"><hr color="#CCCCCC" width="660" align="center" /></td>
</tr>
<tr>
<td >2. Was your query attended to quickly and efficiently ?</td>
<td>&nbsp;&nbsp ;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp ;&nbsp;&nbsp; </td>
<td >
<input name="Q2" id="Q2" value="poor" type="radio" />Poor
<input name="Q2" id="Q2" value="average" type="radio" />Average
<input name="Q2" id="Q2" value="good" type="radio" />Good
</td>
</tr>
<tr>
<td colspan="3"><hr color="#CCCCCC" width="660" align="center" /></td>
</tr>
<tr>
<td >3. Has your query been resolved?</td>
<td>&nbsp;&nbsp ;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp ;&nbsp;&nbsp; </td>
<td >
<input name="Q3" id="Q3" value="poor" type="radio" />Poor
<input name="Q3" id="Q3" value="average" type="radio" />Average
<input name="Q3" id="Q3" value="good" type="radio" />Good
</td>
</tr>
<tr>
<td colspan="3"><hr color="#CCCCCC" width="660" align="center" /></td>
</tr>
<tr>
<td >4. Do you have any suggestions to improve our service?</td>
<td>&nbsp;&nbsp ;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp ;&nbsp;&nbsp; </td>
<td >
<textarea cols="25" rows="3" name="Q4" id="Q4"></textarea>
</td>
</tr>
<tr>
<td colspan="3"><hr color="#CCCCCC" width="660" align="center" /></td>
</tr>
<tr>
<td >5. Would you like to hear about Webstorms:</td>
<td align="right" >3G&nbsp;&nbsp; &nbsp;&nbsp;&nb sp;&nbsp;&nbsp; &nbsp;</td>
<td >
<input name="check1" id="check1" value="yes" type="radio" >
</td>
</tr>
<tr>
<td align="right" colspan="2" >ADSL&nbsp;&nbs p;&nbsp;&nbsp;& nbsp;&nbsp;&nbs p;&nbsp;</td>
<td >
<input name="check2" id="check2" value="yes" type="radio" >
</td>
</tr>
<tr>
<td align="right" colspan="2" >Wireless&nbsp; &nbsp;&nbsp;&nb sp;&nbsp;&nbsp; &nbsp;&nbsp; </td>
<td >
<input name="check3" id="check3" value="yes" type="radio" >
</td>
</tr>
<tr>
<td align="right" colspan="2" >I-burst&nbsp;&nbs p;&nbsp;&nbsp;& nbsp;&nbsp;&nbs p;&nbsp;</td>
<td >
<input name="check4" id="check4" value="yes" type="radio" >
</td>
</tr>
<tr>
<td align="right" colspan="2" >Hosting&nbsp;& nbsp;&nbsp;&nbs p;&nbsp;&nbsp;& nbsp;&nbsp;</td>
<td >
<input name="check5" id="check5" value="yes" type="radio" >
</td>
</tr>
<tr>
<td align="right" colspan="2">Web design&nbsp;&nb sp;&nbsp;&nbsp; &nbsp;&nbsp;&nb sp;&nbsp;</td>
<td>
<input name="check6" id="check6" value="yes" type="radio" >
</td>
</tr>
<tr><td colspan="3">&nb sp;</td></tr>
<tr>
<td colspan="3"><hr color="#CCCCCC" width="660" align="center" /></td>
</tr>
<tr><td colspan="3">&nb sp;</td></tr>
<tr>
<td align="right">< input type="button" value="Submit >>" id="submit" name="submit" onclick="check_ form();" /></td>
<td>&nbsp;&nbsp ;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp ;&nbsp;</td>
<td align="left">
<input type="button" value="Reset <<" id="reset" name="reset" /></td>
</tr>
</form>
</table>

It is posting through a PHP page, and its not throwing any errors on that page.

If anyone could help i would be truely grateful.

Tyla

[r035198x]

Did not really study your code but I do not see why you are going through the
trouble of using document.getEle mentById, when the form is being passed from which you can get the input name. Also since the validation is basically the same for all the input boxes, perhaps you do not even have to pass the names of the inputs

[ronverdonk]

I am not sure about the ins and outs of the GetElementById. submit(), but have you tried
[PHP]document.form1. submit();[/PHP]
Ronald :cool: