ok here is my problem, i created the form in javascript to keep the price updated, 1 the form does not validate and it useto in my previous version and now i cant get the forp to post to the next page for validation and then also e-mail the sales dept if they select yes everything is right. here is my javascript and the form

You can view the demo at
kamicorpweb.com/gamehosting.html

<script language="Javascript">


/*-----------------------------------*/
/* String Trim Functions */
/*-----------------------------------*/

// remove leading whitespace
String.prototype.lTrim = function () {
return this.replace(/^\s*/, "");
}

// remove trailing whitespace
String.prototype.rTrim = function () {
return this.replace(/\s*$/, "");
}

// remove leading and trailing whitespace
String.prototype.trim = function () {
return this.rTrim().lTrim();
}

// remove all whitespace
String.prototype.fullTrim = function () {
return this.replace(/\s/g, "");
}


var prices = new Array();
prices["none"] = 0;
prices["bf1942"] = 5;
prices["bfv"] = 5;
prices["rtcw"] = 4;
prices["rtcw-et"] = 4;
prices["cod"] = 4.5;
prices["mw4"] = 3.25;
prices["mohaa"] = 5;
prices["mohsh"] = 5;
prices["mohbt"] = 5;
prices["q3a"] = 4;
prices["halo"] = 4;
prices["hl"] = 5;
prices["hl-cs"] = 3.25;
prices["hl-dod"] = 3.50;
prices["hl-dmc"] = 3.50;
prices["hl-fa"] = 3.75;
prices["hl-hi"] = 3.50;
prices["hl-ns"] = 3.75;
prices["hl-ric"] = 3.50;
prices["hl-tfc"] = 3.50;
prices["cz"] = 5;
prices["ut2s"] = 4.5;
prices["ut2k4"] = 6;
prices["ts"] = 10;
prices["nostats"] = 0;
prices["statsme"] = 0;
prices["psy-3-stats"] = 6;
prices["psy-6-stats"] = 2;

var statsNames = new Array();
statsNames["nostats"] = "";
statsNames["statsme"] = "StatsMe";
statsNames["psy-3-stats"] = "Psycho 3 updates/day";
statsNames["psy-6-stats"] = "Psycho Stats Daily";

function selectGame()
{
var game = getSelectedValue("game");
updatePlayerSelect( game );
updateDcSelect( game );
updateStatsSelect( game );
updatePrice();
showHelp( game );
}

function updateDcSelect( game )
{
var select = document.order.dc;
select.options.length = 0;

if ( game != "mw4" )
{
select.options[select.options.length] = new Option("Dallas TX", "Dallas TX");

}
}

function updateStatsSelect( game )
{
var select = document.order.stats;
select.options.length = 0;
if ( game == "hl-cs" || game == "hl-dod" || game == "cz" )
{
select.options[select.options.length] = new Option("No Thanks", "nostats");
select.options[select.options.length] = new Option("StatsMe", "statsme");
select.options[select.options.length] = new Option("PsychoStats", "psy-6-stats");
}
else if ( game == "hl-fa" )
{
select.options[select.options.length] = new Option("No Thanks", "nostats");
select.options[select.options.length] = new Option("PsychoStats", "psy-6-stats");
}
else if ( game == "hl-tfc" || game == "hl-hi" )
{
select.options[select.options.length] = new Option("No Thanks", "nostats");
select.options[select.options.length] = new Option("StatsMe", "statsme");
}
else if ( game == "none" )
{
select.options[select.options.length] = new Option("No Thanks", "nostats");
select.options[select.options.length] = new Option("PsychoStats", "psy-6-stats");
}
else
{
select.options[select.options.length] = new Option("-- Stats not available --", "nostats");
}
}

function updatePlayerSelect( game )
{
var select = document.order.players;
select.options.length = 0;
if ( game == "none" )
{
select.options[select.options.length] = new Option("-- Please Select a Game First --", "0");
return;
}

if ( game == "halo" )
{
for (i=8; i<=16; i+=2)
{
select.options[select.options.length] = new Option(i + " player", i);
}
return;
}

if ( game == "ut2s" || game == 'ut2k4' )
{
for (i=8; i<=32; i+=2)
{
select.options[select.options.length] = new Option(i + " player", i);
}
return;
}

if ( game == "eliteforce2" || game == 'swjkja' )
{
for (i=8; i<=14; i+=2)
{
select.options[select.options.length] = new Option(i + " player", i);
}
}

regexp= new RegExp("^(hl|cz)", "i");
if ( game == "q3a" || game == 'swjkja' || game == 'cod' || regexp.test(game) )
{
for (i=8; i<=14; i+=2)
{
select.options[select.options.length] = new Option(i + " player", i);
}
}

if ( game == "hl-hi" )
{
select.options[select.options.length] = new Option(8 + " player", 16);
}
else
{
for (i=16; i<=24; i+=2)
{
select.options[select.options.length] = new Option(i + " player", i);
}
}

if ( game != "mw4" && game != "hl-hi" )
{
for (i=26; i<=32; i+=2)
{
select.options[select.options.length] = new Option(i + " player", i);
}

}

if ( game == "bf1942" || game == "rtcw" || game == "rtcw-et" )
{
for (i=34; i<=64; i+=2)
{
select.options[select.options.length] = new Option(i + " player", i);
}
}
else if ( game == 'cod' )
{
for (i=34; i<=40; i+=2)
{
select.options[select.options.length] = new Option(i + " player", i);
}
}
}

function updatePrice()
{
var priceLayer = document.getElementById("price");
var price = 0;
var gamePrice = 0;
var vsPrice = 0;
var statsPrice = 0;
var statsText = "";
var stats = "nostats";

gamePrice = getSelectedValue( "players" ) * getGamePrice();
vsPrice = prices[getSelectedValue("vs")];
var stats = getSelectedValue( "stats" );
statsPrice = prices[stats];
price = gamePrice + vsPrice + statsPrice;

var priceText = "<table>";
if ( getSelectedValue("game") != "none" )
{
priceText += " <tr><td>Game:</td><td>$" + gamePrice + "</td</tr>";
}
if ( getSelectedValue("vs") != "none" )
{
priceText += " <tr><td>" + statsText + " Comms:</td><td>$" + vsPrice + "</td</tr>";
}
if ( getSelectedValue("game") == "rtcw" || getSelectedValue( "stats" ) != "nostats" )
{
priceText += " <tr><td>" + statsText + statsNames[stats] + " Stats:</td><td>$" + statsPrice + "</td</tr>";
}
priceText += " <tr><td>Total:</td><td>$" + price + "</td</tr>";
priceText += "</table>";
updateLayer("price", priceText);
}

function getGamePrice()
{
var game = getSelectedValue("game");
return prices[game];
}

function getSelectedValue( selectName )
{
var select = document.getElementById(selectName);
return select.options[select.selectedIndex].value;
}

function updateLayer(object, text) {
if (document.getElementById)
document.getElementById(object).innerHTML = text;
else if (document.all)
document.all[object].innerHTML = text;
else if (document.layers && document.layers[object]) {
document.layers[object].document.open();
document.layers[object].document.write(text);
document.layers[object].document.close();
}
}

function showHelp( game )
{
var layer = document.getElementById( game+"Help");
updateLayer("help", layer.innerHTML);
}

function onSubmit()
{
var error = "";

// ok to just order a TS channel and no game even though we say a game is required
var game = getSelectedValue("game");
var vs = getSelectedValue("vs");
var stats = getSelectedValue("stats");
if ( vs == "none" && game == "none" && stats == "nostats")
{
error += "\nGame or Voice Comms or Stats Required";
}

if ( document.order.fname.value.trim() == "" )
{
error += "\nFirst Name Required";
}

if ( document.order.lname.value.trim() == "" )
{
error += "\nLast Name Required";
}

if ( game != "none" )
{
if ( document.order.username.value.trim() == "" )
{
error += "\nLogin Required";
}
else
{
// needs to be 8 chars or less, alphanumeric
re = /^\w{1,8}$/;
if ( ! re.test( document.order.username.value.trim() ) )
{
error += "\nLogin must be Alpahnumeric, 8 chars or less.";
}
}

if ( document.order.password.value.trim() == "" )
{
error += "\nPassword Required";
}
}

if ( document.order.address.value.trim() == "" )
{
error += "\nAddress Required";
}

if ( document.order.city.value.trim() == "" )
{
error += "\nCity Required";
}

if ( document.order.state.value.trim() == "" )
{
error += "\nState Required";
}

if ( document.order.zip.value.trim() == "" )
{
error += "\nZip Required";
}

if ( document.order.email.value.trim() == "" )
{
error += "\nBilling Email Address Required";
}
else
{
var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
if ( !filter.test( document.order.email.value.trim() ) )
{
error += "\nBilling Email Address Invalid";
}
}

if ( document.order.imName.value.trim() != "" && document.order.imType.value.trim() == "none")
{
error += "\nPlease choose an IM type";
}

//subdomain can't contain spaces
var space = /\s+/;
if ( document.order.subdomain.value && space.test( document.order.subdomain.value ) )
{
error += "\nA subdomain name cannot contain spaces";
}

if ( error != "" )
{
alert( error );
return false;
}
else
{
return true;
}

}

</script>

<p>
<input type=hidden name=subdomain value="">
</p>
<form name="order" method="get" >
<table border=0>
<tr>
<td width="55%" nowrap>

<table>
<tr><th align="center" colspan="2" nowrap >
Game Server Info <font size="-1">(all fields marked with <font color="red">*</font> required)</font>

</th>
</tr>
<tr>
<td align="right" ><font color="red">*</font>Game:</td>
<td>
<select name="game" id="game" onchange="selectGame()">
<option value="none">-- Select a Game --
<option value="bf1942">BattleField 1942
<option value="bfv">BattleField Vietnam
<option value="cod">Call of Duty
<option value="cz">Condition Zero
<option value="halo">Halo PC/Halo CE
<option value="hl">Half Life
<option value="hl-cs">HL Counter-Strike
<option value="hl-dod">HL Day of Defeat
<option value="hl-dmc">HL Deathmatch Classic
<option value="hl-fa">HL Firearms
<option value="hl-hi">HL Hostile Intent
<option value="hl-ns">HL Natural Selection
<option value="hl-ric">HL Ricochet
<option value="hl-tfc">HL Team Fortress Classic
<option value="mohaa">Medal of Honor Allied Assault (MOHAA)
<option value="mohbt">Medal of Honor Breakthrough (MOHBT)
<option value="mohsh">Medal of Honor Spearhead (MOHSH)
<option value="rtcw">RTCW
<option value="rtcw-et">RTCW - ET
<option value="q3a">Quake III Arena
<option value="ut2s">Unreal Tournament 2k3
<option value="ut2k4">Unreal Tournament 2k4
</select>

</td>
</tr>
<tr>
<td align="right" >Player Slots:</td>
<td>
<select name="players" id="players" onchange="updatePrice()">
<option value="0">-- Please Select a Game First --
</select>
</td>

</tr>
<tr>
<td align="right" >Datacenter:</td>
<td>
<select name="dc" id="dc" >
<option value="DALLAS TX"> DALLAS, TX
</select>

</td>
</tr>
<tr>
<td align="right" >Voice Comms:</td>
<td>
<select name="vs" id="vs" onchange="updatePrice()" >
<option value="none">-- None --
<option value="ts">32 slot Teamspeak Channel w/ sub channels
</select>

</td>
</tr>
<tr>
<td align="right" >Voice Server/Channel Name:</td><td><input type="text" name="vsName" maxlength="30" size="30"></td>
</tr>
<tr>
<td align="right" nowrap >Stats:</td>
<td>

<select name="stats" id="stats" onchange="updatePrice()" >
<option value="nostats">-- Please Select a Game First --
</select>
</td>
</tr>
<tr>
<td align="right" ><font color="red">*</font>Ftp Login:</td><td><input type="text" name="username" maxlength="8" size="8"></td>
</tr>

<tr>
<td align="right" ><font color="red">*</font>Ftp Password:</td><td><input type="text" name="password" size="30"></td>
</tr>
<!--
<tr>
<td align="right" >Subdomain:</td><td><input type="text" name="subdomain" size="20">.ecgnetwork.com</td>
</tr>
-->

<tr>
<td align="right" valign="top" >Price:</td><td><div id="price">$0</div> </td>

</tr>

<tr><td colspan="2" >&nbsp;</td></tr>
<tr><th align="center" colspan="2" nowrap >
Contact & Billing Info <font size="-1">(required fields marked with <font color="red">*</font>)</font>
</th>
</tr>


<tr>
<td align="right" ><font color="red">*</font>First Name:</td><td><input type="text" name="fname" size="40"></td>
</tr>
<tr>
<td align="right" ><font color="red">*</font>Last Name:</td><td><input type="text" name="lname" size="40"></td>
</tr>

<tr>
<td align="right" ><font color="red">*</font>Address:</td><td><input type="text" name="address" size="40"></td>
</tr>
<tr>
<td align="right" ><font color="red">*</font>City:</td><td><input type="text" name="city" size="40"></td>
</tr>
<tr>

<td align="right" ><font color="red">*</font>State:</td><td><input type="text" name="state" size="40"></td>
</tr>
<tr>
<td align="right" ><font color="red">*</font>Zip:</td><td><input type="text" name="zip" size="40"></td>
</tr>
<tr>
<td align="right" ><font color="red">*</font>Billing Email:</td><td><input type="text" name="email" size="40"></td>

</tr>
<tr>
<td align="right" ><font color="red">*</font>Phone Number:</td>
<td><input type="text" name="phone" size="40"></td>
</tr>
<tr>
<td align="right" >Instant Messaging Type:</td>
<td>
<select name="imType" >

<option value="none">-- Select Your IM Type --
<option value="aim">AIM
<option value="icq">icq
<option value="yahoo">Yahoo
<option value="msn">MSN
</select>
</td>
</tr>
<tr>
<td align="right" >Instant Messaging Name:</td><td><input type="text" name="imName" size="40"></td>
</tr>

<tr>
<td align="right" >How did you hear about us?:</td><td><input type="text" name="referred" size="40"></td>
</tr>
<tr>
<td align="right" >Comments/Additional Instructions:</td><td><textarea name="comments" cols="40" rows="5"></textarea></td>
</tr>

<tr><td colspan="2" >&nbsp;</td></tr>

<tr>
<td align="center" colspan="2" ><input type="submit" name="form" value="Place your Order" onclick="onSubmit()" > <input type="reset"></td>
</tr>

</table>

</td>
<td valign="top">
<p>&nbsp;</p>

<span id="help" style="postition:relative; left: 10%; top: 10%;"></span>
</td>
</tr>
</table>
</form>

First of all, please use the tags for better legibility on our part. Secondly, your way of submitting via e-mail is very primitive, I'd go so far as to say "old-school". ;) Consider using PHP (or chosen server-side scripting language) to process the form and mail your chosen e-mail address, formatted ANY way you want using the form fields.

Originally posted by SniperDevil
First of all, please use the tags for better legibility on our part. Secondly, your way of submitting via e-mail is very primitive, I'd go so far as to say "old-school". ;) Consider using PHP (or chosen server-side scripting language) to process the form and mail your chosen e-mail address, formatted ANY way you want using the form fields.

i understand that i need to use php, but i was wondering if someone could help me