Here it is, thank you. Lana

<form name="catwebformform24211" method="post" onsubmit="return checkWholeForm24211(this)" enctype="multipart/form-data" action="https://thepaddlesup.worldsecuresystems.com/FormProcessv2.aspx?WebForm ID=64457&OID={module_oid}&OTYPE={module_otype}&EID={module_eid}&CID={module_cid}&CC ={module_urlcountrycode}&Referrer={module_siteurl,true,true}">

  <span class="req">*</span> Required

  <table class="webform" cellspacing="0" cellpadding="2" border="0">

    <tr>

      <td><label for="Title">Title</label>

        <br />

        <select name="Title" id="Title" class="cat_dropdown_smaller">

          <option value="1533683">DR</option>

          <option value="1533682">MISS</option>

          <option value="1533679" selected="selected">MR</option>

          <option value="1533680">MRS</option>

          <option value="1533681">MS</option>

        </select></td>

    </tr>

    <tr>

      <td><label for="FirstName">First Name <span class="req">*</span></label>

        <br />

        <input type="text" name="FirstName" id="FirstName" class="cat_textbox" maxlength="255" /></td>

    </tr>

    <tr>

      <td><label for="LastName">Last Name <span class="req">*</span></label>

        <br />

        <input type="text" name="LastName" id="LastName" class="cat_textbox" maxlength="255" /></td>

    </tr>

    <tr>

      <td><label for="WorkPhone">Phone Number <span class="req">*</span></label>

        <br />

        <input type="text" name="WorkPhone" id="WorkPhone" class="cat_textbox" maxlength="255" /></td>

    </tr>

    <tr>

      <td><label for="EmailAddress">Email Address <span class="req">*</span></label>

        <br />

        <input type="text" name="EmailAddress" id="EmailAddress" class="cat_textbox" maxlength="255" /></td>

    </tr>

    <tr>

      <td><label for="CAT_Custom_403255">Please select How many seats would you like to book? <span class="req">*</span></label>

        <br />

        <select class="cat_dropdown" select name="seats" id="seats">

          <option value=" ">-- Please select --</option>

          <option selected="selected" value="1">1</option>

          <option value="2">2</option>

          <option value="3">3</option>

          <option value="4">4</option>

          <option value="5">5</option>

          <option value="6">6</option>

          <option value="7">7</option>

          <option value="8">8</option>

          <option value="9">9</option>

          <option value="10">10</option>

          <option value="11">11</option>

          <option value="12">12</option>

          <option value="13">13</option>

          <option value="14">14</option>

        </select></td>

    </tr>

    <tr>

      <td class="person1 hide"><label for="CAT_Custom_403265">Participant1</label>

        <br />

        <input type="text" maxlength="1024" name="CAT_Custom_403265" id="CAT_Custom_403265" class="cat_textbox" /></td>

    </tr>

    <tr>

      <td class="person2 hide"><label for="CAT_Custom_403266">Participant2</label>

        <br />

        <input type="text" maxlength="1024" name="CAT_Custom_403266" id="CAT_Custom_403266" class="cat_textbox" /></td>

    </tr>

    <tr>

      <td class="person3 hide"><label for="CAT_Custom_403267">Participant3</label>

        <br />

        <input type="text" maxlength="1024" name="CAT_Custom_403267" id="CAT_Custom_403267" class="cat_textbox" /></td>

    </tr>

    <tr>

      <td class="person4 hide"><label for="CAT_Custom_403268">Participant4</label>

        <br />

        <input type="text" maxlength="1024" name="CAT_Custom_403268" id="CAT_Custom_403268" class="cat_textbox" /></td>

    </tr>

    <tr>

      <td class="person5 hide"><label for="CAT_Custom_403269">Participant5</label>

        <br />

        <input type="text" maxlength="1024" name="CAT_Custom_403269" id="CAT_Custom_403269" class="cat_textbox" /></td>

    </tr>

    <tr>

      <td class="person6 hide"><label for="CAT_Custom_403270">Participant6</label>

        <br />

        <input type="text" maxlength="1024" name="CAT_Custom_403270" id="CAT_Custom_403270" class="cat_textbox" /></td>

    </tr>

    <tr>

      <td class="person7 hide"><label for="CAT_Custom_403271">Participant7</label>

        <br />

        <input type="text" maxlength="1024" name="CAT_Custom_403271" id="CAT_Custom_403271" class="cat_textbox" /></td>

    </tr>

    <tr>

      <td class="person8 hide"><label for="CAT_Custom_403272">Participant8</label>

        <br />

        <input type="text" maxlength="1024" name="CAT_Custom_403272" id="CAT_Custom_403272" class="cat_textbox" /></td>

    </tr>

    <tr>

      <td class="person9 hide"><label for="CAT_Custom_403274">Participant9</label>

        <br />

        <input type="text" maxlength="1024" name="CAT_Custom_403274" id="CAT_Custom_403274" class="cat_textbox" /></td>

    </tr>

       <tr>

      <td class="person10 hide"><label for="CAT_Custom_403273">Participant10</label>

        <br />

        <input type="text" maxlength="1024" name="CAT_Custom_403273" id="CAT_Custom_403273" class="cat_textbox" /></td>

    </tr>

     <tr>

      <td class="person11 hide"><label for="CAT_Custom_403275">Participant11</label>

        <br />

        <input type="text" maxlength="1024" name="CAT_Custom_403275" id="CAT_Custom_403275" class="cat_textbox" /></td>

    </tr>

    <tr>

      <td class="person12 hide"><label for="CAT_Custom_403276">Participant12</label>

        <br />

        <input type="text" maxlength="1024" name="CAT_Custom_403276" id="CAT_Custom_403276" class="cat_textbox" /></td>

    </tr>

    <tr>

      <td class="person13 hide"><label for="CAT_Custom_403277">Participant13</label>

        <br />

        <input type="text" maxlength="1024" name="CAT_Custom_403277" id="CAT_Custom_403277" class="cat_textbox" /></td>

    </tr>

    <tr>

      <td class="person14 hide"><label for="CAT_Custom_403278">Participant14</label>

        <br />

        <input type="text" maxlength="1024" name="CAT_Custom_403278" id="CAT_Custom_403278" class="cat_textbox" /></td>

    </tr>

    <tr>

      <td><label for="CardName">Name on Card <span class="req">*</span></label>

        <br />

        <input type="text" name="CardName" id="CardName" class="cat_textbox" /></td>

    </tr>

    <tr>

      <td><label for="CardNumber">Card Number <span class="req">*</span></label>

        <br />

        <input type="text" name="CardNumber" id="CardNumber" class="cat_textbox" /></td>

    </tr>

    <tr>

      <td><label>Card Expiry <span class="req">*</span></label>

        <br />

        <select name="CardExpiryMonth" id="CardExpiryMonth" class="cat_dropdown_smaller">

          <option value="01">01</option>

          <option value="02">02</option>

          <option value="03">03</option>

          <option value="04">04</option>

          <option value="05">05</option>

          <option value="06">06</option>

          <option value="07">07</option>

          <option value="08">08</option>

          <option value="09">09</option>

          <option value="10">10</option>

          <option value="11">11</option>

          <option value="12">12</option>

        </select>

        <select name="CardExpiryYear" id="CardExpiryYear" class="cat_dropdown_smaller">

                  <option value="2012">2012</option>

          <option value="2013">2013</option>

          <option value="2014">2014</option>

          <option value="2015">2015</option>

          <option value="2016">2016</option>

          <option value="2017">2017</option>

          <option value="2018">2018</option>

          <option value="2019">2019</option>

          <option value="2020">2020</option>

        </select></td>

    </tr>

    <tr>

      <td><label for="CardType">Card Type <span class="req">*</span></label>

        <br />

        <select name="CardType" id="CardType" class="cat_dropdown">

          <option value="1">Visa</option>

          <option value="2">Master Card</option>

          <option value="3">Bank Card</option>

          <option value="4">American Express</option>

          <option value="5">Diners Club</option>

          <option value="6">JCB</option>

        </select></td>

    </tr>

    <tr>

      <td><label for="CardCCV">CCV Number <span class="req">*</span></label>

        <br />

        <input type="text" name="CardCCV" id="CardCCV" class="cat_textbox" /></td>

    </tr>

    <tr>

      <td><label for="Amount">Amount <span class="req">*</span> <span id='constraint-300-label'> (minimum: <span id='constraint-300'>1.00</span>)</span></label>

        <br />

        <input name="Amount" type="text" class="cat_textbox" id="Amount" value="25.00" readonly /></td>

    </tr>

    <tr>

      <td><label>I agree to Terms of <a href="https://thepaddlesup.worldsecuresystems.com/terms/waver" target="_blank">Waver</a> <span class="req">*</span></label>

        <br />

        <input checked="checked" type="checkbox" name="CAT_Custom_401053" id="CAT_Custom_401053_0" value="I agree" />

        I agree</td>

    </tr>

    <tr>

      <td><input class="cat_button" type="submit" value="Submit" id="catwebformbutton" /></td>

    </tr>

  </table>

  <script type="text/javascript" src="https://thepaddlesup.worldsecuresystems.com/CatalystScripts/Validation Functions.js"></script><script type="text/javascript">

//<![CDATA[

var submitcount24211 = 0;function checkWholeForm24211(theForm){var why = "";if (theForm.FirstName) why += isEmpty(theForm.FirstName.value, "First Name");if (theForm.LastName) why += isEmpty(theForm.LastName.value, "Last Name"); if (theForm.WorkPhone) why += isEmpty(theForm.WorkPhone.value, "Phone Number"); if (theForm.EmailAddress) why += checkEmail(theForm.EmailAddress.value); if (!theForm.PaymentMethodType || getRadioSelected(theForm.PaymentMethodType) == 1) { if (theForm.CardName) why += isEmpty(theForm.CardName.value, "Name on Card"); if (theForm.CardNumber) why += isNumeric(theForm.CardNumber.value, "Card Number"); if (theForm.Amount) why += isCurrency(theForm.Amount.value, "Amount"); } if (theForm.CAT_Custom_403255) why += checkDropdown(theForm.CAT_Custom_403255.value, "Please select How many seats would you like to book?");if (theForm.CAT_Custom_401053) why += checkSelected(theForm.CAT_Custom_401053, "I agree to terms of Waver");if(why != ""){alert(why);return false;}if(submitcount24211 == 0){submitcount24211++;theForm.submit();return false;}else{alert("Form submission is in progress.");return false;}}

//]]>

</script>

</form>

<script type="text/javascript">

            $(document).ready(function(){

                bookings();

            });

            </script></form>

Thank you so much for your help.

I know I'm pushing my luck with this Can you please also help with a discount code for the booking using the original js for multiple booking?

The coupon needs to work similar to discount code in e-commerce module but for booking, so when someone types in an input field called
“Discount”, for example, the correct set of numeric/alphabetical string, (example D5OFF) the total amount will change to  reflect it. So if the price was $15.00 per session with the valid input of the code the price will become $10.00 for 1 booking. For two people (2x$15.00)-$5.00=$25.00 and so on.

If someone enters an invalid code the alert pop out should state "please enter the valid code" if someone fills out form without entering the code the transaction should continue as normal.

Again, thank you so much.

Lana

Few days is fine, I can wait. Thank you for your help.

Thank you, so far I got an error on line:

  $('.total').html("TOTAL:"totalAmount"</span>");

Any idea why?

Thanks,

Lana

// Bookings multiple seats script

//By: Mario Gudelj

// ammended by Janice McConnell to include use of discount codes. Note that an input field for the discount code should be added to the html page.

(function($){

bookings = function() {

var discountAmount = 0;

var bookingAmount = 50;  //Booking amount in dollars

$('#seats').change(function() {

  $('.webform').fadeIn("slow");

  var noOfSeats = $("#seats option:selected").val();  //take the selected option from the dropdown

   $('.hide').fadeOut("slow");

   $('#BookingAllocation').val(noOfSeats);    //set the number of seats

   totalAmount = bookingAmount * noOfSeats - discountAmount;

   $('#Amount').val(totalAmount);

   for(var index = noOfSeats; index > 0; index--){

    $('.person'+index).fadeIn("slow");

   }

  $('.total').html("TOTAL:"totalAmount"</span>");

});

//When user enters discount code and moves focus, this function fires.

$('#disCode').blur(function() {

  var discountCode = $(this).val(); //get the discount code

   //Compare discount code to the case values and set discount amount. Note all codes and values should be added to switch statement

  switch (discountCode) {

    case 'DIS5':

    discountAmount = 5;

  break;

    case 'DIS10':

    discountAmount = 10;

   break;

    case '':

    discountAmount = 0;

    break;

    default:

    alert('Please enter the valid code');

  }

  var noOfSeats = $("#seats option:selected").val();

  var newTotal = bookingAmount * noOfSeats - discountAmount; //Recalculate total based on number of seats and then subtract discount

  $('#Amount').val(newTotal); //set new Amount

});

}})(jQuery);

That's what I have in html form:

do I need to add a field?

Thank you,

Lana

It works!!

Thank you so much.I just had to delete readonly=readonly for the amount input field (didn't want visitors to change the price) blur function did trigger it

Just curious if there is a way around it, otherwise, beautiful.

Thank you,

Lana

Amazing, totally worked Thank you, Lana

Works great, thank you so much Lana