Navigate
Home
ArticleWiki
Forum
Newsletter
Links
Tech News
Welcome Guest.
Username:

Password:

Remember me

Validate Two list box forms
Welcome, Guest. Please login or register.
February 08, 2012, 07:04:47 PM
11513 Posts in 1262 Topics by 496 Members
Latest Member: Beerdernill
Experts Round Table Network  |  Clientside Technology  |  Javascript  |  Validate Two list box forms « previous next »
Pages: [1]
Author Topic: Validate Two list box forms  (Read 1398 times)
fastrobby

Offline Offline

Posts: 19


« on: February 19, 2009, 08:26:57 PM »

Hi,
In the following code I have setup a form with multiple list (dropdown) forms and input forms. When I execute the forms with

(a) Drop down plus input form it works ok  . .  however the last "if" that references just two dropdowns (tourType), (boatType) forms does not work. Have tried many many different scenarios . .
Can you please show me why and where I am going wrong. Code follows:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title></title>

<script language="JavaScript">
function CalcMe(arg1) {
var thisform = document.getElementById(arg1);
var aTTl=0;
var cTTl=0;
var bTT1=0;

if (parseInt(thisform.adultNo.value)>0 && parseInt(thisform.adultPrice.value )>0) {
aTTl = parseInt(thisform.adultNo.value) * parseInt(thisform.adultPrice.value);
}
if (parseInt(thisform.childNo.value)>0 && parseInt(thisform.childPrice.value)>0) {
cTTl = parseInt(thisform.childNo.value ) * parseInt(thisform.childPrice.value);
}
if (parseInt(thisform.tourType.value)>0 && parseInt(thisform.boatType.value )>0) {
bTTl = parseInt(thisform.tourType.value) + parseInt(thisform.boatType.value);
}
thisform.boatTotal.value = bTT1;
thisform.adultTotal.value = aTTl;
thisform.childTotal.value = cTTl;
thisform.totalPrice.value = aTTl + cTTl + bTT1;
}

</script>
</head>
<body>
<div id="lgeBox3">
 
  <table width="750" height="573" border="0">
    <tr>
      <td height="24" colspan="2" valign="top" class="style2" border="0"><div align="center" id="Header"><span class="style9"><span class="style8">--</span></span><span class="style7"> THAIFUN</span> Snorkeling Tour --</div></td>
    </tr>
    <tr>
      <td width="372" height="526"><div id="boxLeft" class="myBox">
        <table width="367" height="570" border="0" cellpadding="1" cellspacing="1">
  <tr>
    <td height="244" colspan="4" valign="top"><div id="TargetArea_Snorkeling1"><img src="Images/Snorkeling/Thai Fun/Thai_Fun_Boat_Koh_Chang_flat.png" alt="Asian budget tropical beach bungalows" width="372" height="247" /></div></td>
    </tr>
  <tr>
    <td colspan="4" valign="top"><div align="center" class="style3" id="picText1">Stopping off for a quick dip :-) </div></td>
    </tr>
  <tr>
    <td colspan="4"><div id="numBox1"  align="center" class="style1" >
      <table width="359" height="26" border="0" cellpadding="0" cellspacing="0">
        <tr>
         <td width="28"><a href="Koh_Chang_TargetArea_Snorkeling1.asp?No=1" class="loadinto-TargetArea_Snorkeling1" onMouseUp="MM_setTextOfLayer('picText1','','Picking up passengers from the resorts')"><img src="Menu_Pic/Numbers/1.png" alt="Picture Number one" width="22" height="22" class="style1" /></a></td>
      <td width="28"><a href="Koh_Chang_TargetArea_Snorkeling1.asp?No=2" class="loadinto-TargetArea_Snorkeling1" onMouseUp="MM_setTextOfLayer('picText1','','Fantastic buffet lunch')"><img src="Menu_Pic/Numbers/2.png" alt="Picture Number two" class="style1" /></a></td>
      <td width="28"><a href="Koh_Chang_TargetArea_Snorkeling1.asp?No=3" class="loadinto-TargetArea_Snorkeling1" onMouseUp="MM_setTextOfLayer('picText1','','Koh Wai  . .  A great stop ')"><img src="Menu_Pic/Numbers/3.png" alt="Picture Number three" class="style1" /></a></td>
      <td width="28"><a href="Koh_Chang_TargetArea_Snorkeling1.asp?No=4" class="loadinto-TargetArea_Snorkeling1" onMouseUp="MM_setTextOfLayer('picText1','','One of Koh Wai\'s beaches')"><img src="Menu_Pic/Numbers/4.png" alt="Picture Number four" width="22" height="22" class="style1" /></a></td>
      <td width="28"><a href="Koh_Chang_TargetArea_Snorkeling1.asp?No=5" class="loadinto-TargetArea_Snorkeling1" onMouseUp="MM_setTextOfLayer('picText1','','Taking a break from all that snorkeling')"><img src="Menu_Pic/Numbers/5.png" alt="Picture Number five" width="22" height="22" class="style1" /></a></td>
      <td width="28"><a href="Koh_Chang_TargetArea_Snorkeling1.asp?No=6" class="loadinto-TargetArea_Snorkeling1" onMouseUp="MM_setTextOfLayer('picText1','','Shot of the beach and the bay')"><img src="Menu_Pic/Numbers/6.png" alt="Picture Number six" class="style1" /></a></td>
      <td width="28"><a href="Koh_Chang_TargetArea_Snorkeling1.asp?No=7" class="loadinto-TargetArea_Snorkeling1" onMouseUp="MM_setTextOfLayer('picText1','','Restaurant and bar Koh Wai')"><img src="Menu_Pic/Numbers/7.png" alt="Picture Number seven" class="style1" /></a></td>
      <td width="28"><a href="Koh_Chang_TargetArea_Snorkeling1.asp?No=8" class="loadinto-TargetArea_Snorkeling1" onMouseUp="MM_setTextOfLayer('picText1','','Snorkeling in the marine national park')"><img src="Menu_Pic/Numbers/8.png" alt="Picture Number eight" width="22" height="22" class="style1" /></a></td>
      <td width="28"><a href="Koh_Chang_TargetArea_Snorkeling1.asp?No=9" class="loadinto-TargetArea_Snorkeling1" onMouseUp="MM_setTextOfLayer('picText1','','I threw some rice and thousands fish arrived for lunch')"><img src="Menu_Pic/Numbers/9.png" alt="Picture Number nine" class="style1" /></a></td>
      <td width="28"><a href="Koh_Chang_TargetArea_Snorkeling1.asp?No=10" class="loadinto-TargetArea_Snorkeling1" onMouseUp="MM_setTextOfLayer('picText1','','Look closely and you can see monkeys on the rock')"><img src="Menu_Pic/Numbers/10.png" alt="Picture Number ten" class="style1" /></a></td>
      <td width="28"><a href="Koh_Chang_TargetArea_Snorkeling1.asp?No=11" class="loadinto-TargetArea_Snorkeling1" onMouseUp="MM_setTextOfLayer('picText1','','Gormet buffet lunch')"><img src="Menu_Pic/Numbers/11.png" alt="Picture Number eleven" class="style1" /></a></td>
      <td width="28"><a href="Koh_Chang_TargetArea_Snorkeling1.asp?No=12" class="loadinto-TargetArea_Snorkeling1" onMouseUp="MM_setTextOfLayer('picText1','','Nok Noi handing out snorkels and goggles')"><img src="Menu_Pic/Numbers/12.png" alt="Picture Number twelve" class="style1" /></a></td>
      <td width="23"><a href="Koh_Chang_TargetArea_Snorkeling1.asp?No=13" class="loadinto-TargetArea_Snorkeling1" onMouseUp="MM_setTextOfLayer('picText1','','Coffee and Tea Time')"><img src="Menu_Pic/Numbers/13.png" alt="Picture Number thirteen" class="style1" /></a></td>
        </tr>
      </table>
    </div></td>
    </tr>
  <tr>
    <td width="134" align="right"><a href="#"><img src="Menu_Pic/Menu-stuff/Image.png" alt="Image Button" width="52" height="22" class="style1"/></a></td>
    <td width="53"><a href="#"><img src="Menu_Pic/Menu-stuff/Video.png" alt="Video Button" width="52" height="22" class="style1" /></a></td>
    <td width="52"><a href="#"><img src="Menu_Pic/Menu-stuff/MP3.png" alt="MP3 Button" width="52" height="22" class="style1" /></a></td>
    <td width="130"><a href="#"><img src="Menu_Pic/Menu-stuff/Map.png" alt="Map Button" width="52" height="22" class="style1" /></a></td>
  </tr>
  <tr>
    <td height="199" colspan="4" valign="top" class="style3">Imagine getting picked up, whisked off to a pristine white sandy beach, and transported to this romantic  three story Thai style Cruise Boat. Well that's just a start because the rest of the day just gets better and better. Once on board there's Coffee, Tea, beverages and Nada your tour host. (Ooooh) Her bubbly personality takes you through  all the details of this exciting tour. As the name suggests this is really a fun tour for young or old. You get to snorkel, see the main sites of this island like Monkey rock, Bang Bao pier, fantastic corals and the beautiful blue seas. Did I mention the buffet ? A genuinely tasty Thai/European buffet that caters for both the spicy and not spicy tastes. Spaghetti was great. Everyone raves about this trip.</td>
    </tr>
</table>
        </div></td>     
      <td width="361" height="570"> <div id="boxRight">
        <form action="SaveBookingSNO.asp" method="post" name="Snorkeling3Form" target="BookingSummary" id="Snorkeling3Form">
        <input type="hidden" name="Vendor" value="KCBIC" />
        <input type="hidden" name="ProductName" value="Champagne and Barbecue Deserted Island Tour" />
        <input type="hidden" name="ProductType" value="SNO" />
        <table width="359" height="571" border="0">
          <tr>
            <td colspan="3" align="center" class="style4">KCBIC Booking Center</td>
            </tr>
          <tr>
            <td colspan="3" align="center" class="style3">Private Tour Type</td>
            </tr>
          <tr>
            <td colspan="3"><select name="tourType1" id="tourType" class="dropDown" style="width:357px" onChange="CalcMe('Snorkeling3Form');">
              <option value="0" selected="selected">Choose your tour Please</option>
              <option value="6000">5 Islands - Champagne and Barbecue on Beach</option>
              <option value="6000">5 Islands - regular Lunch on Beach</option>
              <option value="5000">4 Islands - Champagne and Barbecue on Beach</option>
              <option value="5000">4 Islands - regular Lunch on Beach</option>
              <option value="4000">3 Islands - Champagne and Barbecue on Beach</option>
              <option value="4000">3 Islands - regular Lunch on Beach</option>
              <option value="3000">2 Islands - Champagne and Barbecue on Beach</option>
              <option value="3000">2 Islands - regular Lunch on Beach</option>
              <option value="2000">1 Island - Champagne and Barbecue on Beach</option>
              <option value="2000">1 Island - regular Lunch on Beach</option>
            </select></td>
            </tr>
          <tr>
            <td colspan="2" align="center" class="style3">Size of speed Boat</td>
            <td width="117" align="center" class="style3">Basic Price</td>
          </tr>
          <tr>
            <td height="24" colspan="2"><select name="boatType1" id="boatType" class="dropDown" style="width:240px" onChange="CalcMe('Snorkeling3Form');">
            <option value="0" selected="selected">Choose your Boat Please</option>
            <option value="3000">up to 4 Person - 3.5m boat</option>
            <option value="7000">Up to 14 persons - 7m boat</option>
            <option value="11000">Up to 24 persons - 10m boat</option>
            </select>
            </select>            </td>
            <td><input name="boatTotal" id="boatTotal" class="form1" value="0 Baht" onFocus="this.blur()" readonly="readonly" /></td>
          </tr>
          <tr>
            <td width="125" align="center" class="style3">Adults</td>
            <td width="108" align="center" class="style3">Adult Catering Price</td>
            <td align="center" class="style3">Price</td>
          </tr>
          <tr>
            <td><select name="adultNo3" size="1" class="dropDown1" id="adultNo" onChange="CalcMe('Snorkeling3Form');">
                <option value="0" selected="selected">0</option>
                <option value="1">1 Adult</option>
                <option value="2">2 Adults</option>
                <option value="3">3 Adults</option>
                <option value="4">4 Adults</option>
                <option value="5">5 Adults</option>
                <option value="6">6 Adults</option>
                <option value="7">7 Adults</option>
                <option value="8">8 Adults</option>
                <option value="9">9 Adults</option>
                <option value="10">10 Adults</option>
                <option value="11">11 Adults</option>
                <option value="12">12 Adults</option>
                <option value="13">13 Adults</option>
                <option value="14">14 Adults</option>
                <option value="15">15 Adults</option>
                <option value="16">16 Adults</option>
                <option value="17">17 Adults</option>
                <option value="18">18 Adults</option>
                <option value="19">19 Adults</option>
                <option value="20">20 Adults</option>
                <option value="21">21 Adults</option>
                <option value="22">22 Adults</option>
                <option value="23">23 Adults</option>
                <option value="24">24 Adults</option>
                <option value="25">25 Adults</option>
                <option value="26">26 Adults</option>
                <option value="27">27 Adults</option>
                <option value="28">28 Adults</option>
                <option value="29">29 Adults</option>
                </select>            </td>
            <td><input name="adultPrice3" type="text" class="form1" id="adultPrice" value="1000 Baht" onFocus="this.blur()" readonly="readonly" />            </td>
            <td><input name="adultTotal3" type="text" class="form1" id="adultTotal" value="0 Baht" onFocus="this.blur()" readonly="readonly" /></td>
          </tr>
          <tr>
            <td height="17" align="center" class="style3">Children</td>
            <td align="center" class="style3">Child Catering Price</td>
            <td align="center" class="style3">Price</td>
          </tr>
          <tr>
            <td><select name="childNo3" id="childNo" class="dropDown2" onChange="CalcMe('Snorkeling3Form');" >
            <option value="0" selected="selected">0</option>
                <option value="1">1 Child</option>
                <option value="2">2 Children</option>
                <option value="3">3 Children</option>
                <option value="4">4 Children</option>
                <option value="5">5 Children</option>
                <option value="6">6 Children</option>
                <option value="7">7 Children</option>
                <option value="8">8 Children</option>
                <option value="9">9 Children</option>
                <option value="10">10 Children</option>
                <option value="11">11 Children</option>
                <option value="12">12 Children</option>
                <option value="13">13 Children</option>
                <option value="14">14 Children</option>
                <option value="15">15 Children</option>
                <option value="16">16 Children</option>
                <option value="17">17 Children</option>
                <option value="18">18 Children</option>
                <option value="19">19 Children</option>
                <option value="20">20 Children</option>
                <option value="21">21 Children</option>
                <option value="22">22 Children</option>
                <option value="23">23 Children</option>
                <option value="24">24 Children</option>
                <option value="25">25 Children</option>
                <option value="26">26 Children</option>
                <option value="27">27 Children</option>
                <option value="28">28 Children</option>
                <option value="29">29 Children</option>           
            </select>            </td>
            <td><input name="childPrice3" type="text" class="form1" id="childPrice" value="500 Baht" onFocus="this.blur()" readonly="readonly" /></td>
            <td><input name="childTotal3" type="text" id="childTotal" class="form1" value="0" onFocus="this.blur()" readonly="readonly" /></td>
          </tr>
          <tr>
            <td height="17" align="center" class="style3">Tour Date</td>
            <td align="center" class="style3">Tour Time</td>
            <td align="center" class="style3">Pickup Time</td>
          </tr>
          <tr>
            <td height="21"><input name="dateIn3" type="text" class="datefield" id="dateIn3" style="width:94px" value="Click Calendar" height="13px"/></td>
            <td><input name="tourType" type="text"  class="form1" value="All Day" onFocus="this.blur()" readonly="readonly" /></td>
            <td><input name="pickupTime3" type="text" id="pickupTime3" class="form3" value="8:00 am" /></td>
          </tr>
          <tr>
            <td><img src="Menu_Pic/Menu-stuff/TotalPrice.png" alt="Total Price" width="96" height="18" /></td>
            <td><img src="Menu_Pic/Menu-stuff/Arrow.png" alt="Arrow" width="87" height="19" /></td>
            <td><input name="totalPrice3" type="text" class="formTotal" id="totalPrice" value="0 Baht" onFocus="this.blur()" readonly="readonly" /></td>
          </tr>
          <tr>
            <td colspan="3" align="center"><span class="style5">My Pickup Information</span></td>
            </tr>
          <tr>
            <td colspan="2" align="center" class="style3">Hotel Name</td>
            <td align="center" class="style3">Hotel Phone</td>
          </tr>
          <tr>
            <td colspan="2"><input name="hotelName3" type="text" class="hotelName"  id="hotelName3" value="      -  Enter Hotel Name Here  -"  /></td>
            <td><input name="hotelPhone3" type="text" class="hotelPhone" id="hotelPhone3"  /></td>
          </tr>
          <tr>
            <td height="44" colspan="3" class="style6"><strong>Please Note:</strong> Pickup is at the reception desk in the lobby of your hotel If you dont know your hotel information at this time please confirm via e-mail on arrival or make your own way to the tour site.</td>
            </tr>
          <tr>
            <td height="17" colspan="3" align="center" class="style3">My Special Needs</td>
            </tr>
          <tr>
            <td colspan="3"><input name="specialNeeds3" type="text" class=" specialNeed" id="specialNeeds3" /></td>
            </tr>
          <tr>
            <td height="19" colspan="3" align="center" class="style5">My Booking Details</td>
            </tr>
          <tr>
            <td height="47" colspan="3"><textarea name="bookingDetails3" class=" bookDetails" id="bookingDetails3">KCBIC Private Champagne & Barbecue Snorkeling Tour, Jan 18th, 8:00 am, 20 Adults   33,750 Baht Pickup at reception of Aiyapura Hotel  Phone 0817541067
</textarea></td>
            </tr>
          <tr>
            <td align="center"><img src="Menu_Pic/Menu-stuff/Live_Agent.png" alt="Live Booking Agent" width="93" height="37" /></td>
            <td align="center"><img src="Menu_Pic/Menu-stuff/Checkout.png" alt="Go to Checkout" width="93" height="37" /></td>
            <td><img src="Menu_Pic/Menu-stuff/BookNow.png" alt="Book Now Button" width="93" height="37" /></td>
          </tr>
        </table>
       </form>
      </div> </td>
    </tr>
  </table>
</div>
</body>
</html>
Logged
VGR
Mentor

Offline Offline

Posts: 724



WWW
« Reply #1 on: February 22, 2009, 11:10:18 AM »

easy. It's because you misnamed some elements :
select name="tourType1" id="tourType"
name<>id (forbidden)
in javascript you mangled 1 (the cypher 1 ) and l (the letter 'l') as in
var aTTl=0;
var cTTl=0;
var bTT1=0;

fix all discrepancies and your code will work...

HTH
Logged

techie overlord, answers all kind of questions on http://www.europeanexperts.org
Pages: [1]
« previous next »
    Jump to: