PDA

View Full Version : ASP Form & Javascript



Drone-7
30 Apr 2008, 01:40 PM
Hi there, I have a feature on my companies web site where customers can get an estimate for our services. They type in their property length and width and when they submit, the javascript calculates and presents them with our prices for their property. I'd like to have the information sent to us via email using ASP. I am very new to ASP and Javascript is something I tend to try (but fail to) avoid. Can anyone help me with this? Here's the code:

<form name="ff1" method="post">
<table border="0" cellspacing="2" cellpadding="2" width="220">
<tr class="main"><td>First Name:&nbsp;</td><td><input name="fname" class="txt" size="15" value=""></td></tr>
<tr class="main"><td>Last Name:&nbsp;</td><td><input name="lname" class="txt" size="15"></td></tr>
<tr class="main"><td>Street #:&nbsp;</td><td><input name="streetN" class="txt" size="15"></td></tr>
<tr class="main"><td>Street Name:&nbsp;</td><td><input name="streetName" class="txt" size="15"></td></tr>
<tr class="main"><td>Postal Code:&nbsp;</td><td><input name="PostalCode" class="txt" size="15"></td></tr>
<tr class="main"><td>City:&nbsp;</td><td><input name="City" class="txt" size="15"></td></tr>
<tr class="main"><td>Phone:&nbsp;</td><td><input name="phone" class="txt" size="15"></td></tr>
<tr class="main"><td>Email:&nbsp;</td><td><input name="email" class="txt" size="15"></td></tr>

<tr class="main"><td colspan="2"><b class="green">Property size</b></td></tr>
<tr class="main"><td align="right">Length</td><td><input name="lenght" class="txt" size="5"> fit</td></tr>
<tr class="main"><td align="right">Width</td><td><input name="width" class="txt" size="5"> fit</td></tr>

<tr><td colspan="2" align="right"><input type="button" value="Calculate Price" style="background-image:url(img/button_bg2.jpg); border:0px; width:90px; height:19px;" onClick="calculatePrice(this.form.lenght.value, this.form.width.value)" class="but"><input type="hidden" name="sub" />&nbsp;&nbsp;</td></tr>
<tr><td colspan="2"><div id="showPrices"></div></td></tr></table></form>
<script type="text/javascript" language="javascript">

function checkField1(){var ref; var msg;//alert();
var re = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.[a-zA-Z]{2,3})+$/;
ref=true;
msg="Next field is required:\n";
if(Trim(document.ff1.fname.value)==''){msg+=" - Name\n"; ref=false;}
if(Trim(document.ff1.lname.value)==''){msg+=" - Last Name\n"; ref=false;}

if(Trim(document.ff1.streetN.value)=='') {msg+=" - Street #\n"; ref=false;}
if(Trim(document.ff1.streetName.value)=='') {msg+=" - Street Name\n"; ref=false;}
if(Trim(document.ff1.PostalCode.value)=='') {msg+=" - Postal Code\n"; ref=false;}
if(Trim(document.ff1.City.value)=='') {msg+=" - City\n"; ref=false;}


//if(Trim(document.ff1.address.value)==''){msg+=" - Address\n"; ref=false;}
//if(Trim(document.ff1.stateCode.value)==''){msg+=" - Province\n"; ref=false;}
//if(Trim(document.ff1.countryCode.value)==''){msg+=" - Country\n"; ref=false;}
//if(Trim(document.ff1.zip.value)==''){msg+=" - Postal Code\n"; ref=false;}
if(Trim(document.ff1.phone.value)==''){msg+=" - Phone\n"; ref=false;}
if(!re.test(document.ff1.email.value)){msg+=" - Email is wrong\n"; ref=false;}
if(document.ff1.priceR[0].checked==false && document.ff1.priceR[1].checked==false && document.ff1.priceR[2].checked==false)
{msg+=" - Select package\n"; ref=false;}
//if(Trim(document.ff1.email.value)==''){msg+=" - Username\n"; ref=false;}
if(ref){
document.ff1.sub.value='Update';
document.ff1.action='checkout.html';//https://
document.ff1.submit();
}
else {alert(msg);return false;} }
</script>