Need help with check out form - Payment method error

Question

When I check out error comes up "Payment Method must be selected" though it is.
The 30 day account option works but Credit cards get the above error.
Anyone able to help me?
Andrew
<h1>Checkout</h1>
<p class="required-h1-tip"><span>*</span> Required field</p>
<p>Please fill out the required fields, delivery address and payment fields.</p>
<hr />
<section class="checkout form-container">
<form name="catwebformform42059" class="form-generic-a checkout-a" id="catwebformform42059" onsubmit="return checkWholeForm42059(this)" action="/FormProcessv2.aspx?WebFormID=10850&amp;OID={module_oid}&amp;OTYPE={module_otype} &amp;EID={module_eid}&amp;CID={module_cid}" enctype="multipart/form-data" method="post">
    <fieldset>
    <h2 class="a">1. Account Information</h2>
    <!--<div class="row">
    <p class="field field-a">
    <label for="username">User Name <em>*</em></label>
    <input type="text" value="{module_username}" id="f-username" class="text" name="UserName" />
    </p>
    <p class="field field-b">
    <label for="password">Password <em>*</em></label>
    <span class="half">
    <input type="password" value="{module_password}" id="f-password" class="text" name="Password" />
    </span></p>
    <p class="field field-b">
    <label for="confirm-password">Confirm <em>*</em></label>
    <span class="half">
    <input type="password" value="{module_password}" id="f-password-confirm" class="text" name="PasswordConfirm" />
    </span></p>
    </div>-->
    <div class="row">
    <p class="field field-a">
    <label for="first-name">First Name <em>*</em></label>
    <input type="text" name="FirstName" class="text" id="f-first-name" value="{module_firstname}" />
    </p>
    <p class="field field-a">
    <label for="last-name">Last Name <em>*</em></label>
    <input type="text" name="LastName" class="text" id="LastName" value="{module_lastname}" />
    </p>
    </div>
    <div class="row">
    <p class="field field-a">
    <label for="email">Email Address <em>*</em></label>
    <input type="text" name="EmailAddress" class="text" id="f-email" value="{module_emailaddress}" />
    </p>
    <p class="field field-a">
    <label for="phone">Phone Number <em>*</em></label>
    <input type="text" name="HomePhone" class="text" id="f-phone" value="{module_homephone}" />
    </p>
    </div>
    <div class="row checkbox"><span class="tick">
    <input type="checkbox" name="CampaignList_20945" class="tick" id="f-updates" />
    </span>
    <label for="newsletter-a">Keep me up to date on product information, sales, and special offerings.</label>
    </div>
    </fieldset>
    <hr />
    <fieldset>
    <h2 class="a">2. Shipping Address</h2>
    <div class="row">
    <p class="field field-a">
    <label for="ShippingAttention">Shipping Name: <em>*</em></label>
    <input type="text" class="text" id="ShippingAttention" name="ShippingAttention" />
    </p>
    </div>
    <div class="row">
    <p class="field field-a">
    <label for="shipping-addr-1">Address Line 1 <em>*</em></label>
    <input type="text" class="text" id="ShippingAddress" name="ShippingAddress" />
    </p>
    <p class="field field-a">
    <label for="shipping-addr-2">Address Line 2</label>
    <input type="text" class="text" id="ShippingAddress2" name="ShippingAddress2" />
    </p>
    </div>
    <div class="row">
    <p class="field field-a">
    <label for="shipping-city">City <em>*</em></label>
    <input type="text" class="text" id="ShippingCity" name="ShippingCity" />
    </p>
    <p class="field field-a">
    <label for="shipping-state">State <em>*</em></label>
    <input type="text" class="text" id="ShippingState" name="ShippingState" />
    </p>
    </div>
    <div class="row">
    <div class="field field-a">
    <p class="field-b">
    <label for="ShippingZip">Zip / Postal Code <em>*</em></label>
    <input type="text" class="text" id="ShippingZip" name="ShippingZip" />
    </p>
    </div>
    <!--  <p class="field field-a">
                    <label for="shipping-phone">Phone Number <em>*</em></label>
                    <input type="text" id="shipping-phone" name="shipping-phone" />
                </p> -->
    </div>
    </fieldset>
    <hr />
    <fieldset>
    <h2 class="a">3. Billing Address</h2>
    <div class="row checkbox"><span class="tick">
    <input type="checkbox" class="tick" value="1" id="f-shipping-same" name="same_shipping" />
    </span>
    <label for="billing-same-as-shipping">Check this box if billing address is the same as shipping address.</label>
    </div>
    <div class="row">
    <p class="field field-a">
    <label for="billing-addr-1">Address Line 1 <em>*</em></label>
    <input type="text" value="{module_homeaddress}" id="BillingAddress" class="text" name="BillingAddress" />
    </p>
    <p class="field field-a">
    <label for="billing-addr-2">Address Line 2 <em>*</em></label>
    <input type="text" class="text" id="BillingAddress2" name="BillingAddress2" />
    </p>
    </div>
    <div class="row">
    <p class="field field-a">
    <label for="billing-city">City <em>*</em></label>
    <input type="text" value="{module_homecity}" id="BillingCity" class="text" name="BillingCity" />
    </p>
    <p class="field field-a">
    <label for="billing-state">State <em>*</em></label>
    <input type="text" value="{module_homestate}" id="BillingState" class="text" name="BillingState" />
    </p>
    </div>
    <div class="row">
    <p class="field field-b">
    <label for="BillingZip">Zip / Postal Code <em>*</em></label>
    <input type="text" value="{module_homezip}" id="BillingZip" class="text" name="BillingZip" />
    </p>
    </div>
    </fieldset>
    <hr />
    <fieldset id="credit-card-information">
    <h2 class="a">4. Payment Options</h2>
    <div class="row">
    <h4>Approved 30 DayAccount Customer</h4>
    <p class="field">Please select   
    </p>
    <input type="radio" name="PaymentMethodType" id="PaymentMethodType" value="8" /><span style="font-size: 18px; color: #ffff00;">Account Customers Only</span><hr />
    <h2>Pay by Credit Card</h2>
    <p class="row row-accepted-cards">
    We accept the following credit cards: <img alt="" src="temp/cards.png" />            </p>
    <label for="card-type">Card Type <em>*</em></label>
    <span class="select">
    <select name="CardType" class="text" id="f-cc-type">
    <option selected="selected" value="1">Visa</option>
    <option value="2">Master Card</option>
    <option value="4">American Express</option>
    </select>    </span>
    </div>
    <div class="row">
    <p class="field field-a">
    <label for="name-on-card">Name on Card <em>*</em></label>
    <input type="text" name="CardName" class="text" id="f-cc-name" />
    </p>
    <p class="field field-a">
    <label for="card-number">Card Number <em>*</em></label>
    <input type="text" name="CardNumber" class="text" id="f-cc-number" />
    </p>
    </div>
    <div class="row">
    <p class="field card-expiration">
    <label for="card-exp-month">Card Expiration <span class="offset">Month</span> <em>*</em></label>
    <span class="select one">
    <select name="CardExpiryMonth" class="s" id="f-cc-exp-month">
    <option selected="selected" value="1">January</option>
    <option value="2">February</option>
    <option value="3">Mar</option>
    <option value="4">Apr</option>
    <option value="5">May</option>
    <option value="6">Jun</option>
    <option value="7">Jul</option>
    <option value="8">Aug</option>
    <option value="9">Sep</option>
    <option value="10">Oct</option>
    <option value="11">Nov</option>
    <option value="12">Dec</option>
    </select>
    </span>
    <label class="offset" for="card-exp-year">Card Expiration Year<em>*</em></label>
    <span class="select">
    <select name="CardExpiryYear" class="xs" id="f-cc-exp-year">
    <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>
    <option value="2021">2021</option>
    <option value="2022">2022</option>
    </select>
    </span></p>
    </div>
    <div class="row">
    <div style="display: none;">
    <input type="radio" name="PaymentMethodType" class="tick" id="f-payment-method-cc" value="1" />
    <input type="radio" name="PaymentMethodType" id="PaymentMethodType_9" value="10" />
    </div>
    </div>
    <div class="row">
    <p class="field ccvn">
    <label for="ccv-number">CCV Number <em>*</em></label>
    <span class="ccv">
    <input type="text" name="CardCCV" class="text" id="f-cc-cvv" />
    </span></p>
    </div>
    </fieldset>
    <div class="wrap total">
    <p class="sum">Total: <strong><span class="amountSpan"></span></strong></p>
    <p class="action"><button class="button-a" type="submit">Checkout</button></p>
    </div>
    <input type="hidden" name="Amount" class="cat_textbox" id="Amount" readonly="readonly" />
    <script type="text/javascript" src="/CatalystScripts/ValidationFunctions.js"></script>
    <script language="javascript" type="text/javascript">
            //<![CDATA[
            var submitcount42059 = 0;function checkWholeForm42059(theForm){var why = "";if (theForm.Username) why += isEmpty(theForm.Username.value, "Username"); if (theForm.Password && theForm.PasswordConfirm) { why += isEmpty(theForm.Password.value, "Password"); why += isEmpty(theForm.PasswordConfirm.value, "Confirm Password"); if (theForm.Password.value != theForm.PasswordConfirm.value) why += appendBreak("- Password and its confirmation do not match."); if (theForm.Password.value.length < 6) why += appendBreak("- Password must be 6 characters or longer."); }if (theForm.FirstName) why += isEmpty(theForm.FirstName.value, "First Name"); if (theForm.LastName) why += isEmpty(theForm.LastName.value, "Last Name"); if (theForm.HomePhone) why += isEmpty(theForm.HomePhone.value, "Phone Number"); if (theForm.EmailAddress) why += checkEmail(theForm.EmailAddress.value);if (theForm.ShippingAttention) why += isEmpty(theForm.ShippingAttention.value, "Shipping Name");if (theForm.ShippingAddress) why += isEmpty(theForm.ShippingAddress.value, "Shipping Address"); if (theForm.HomePhone) why += isEmpty(theForm.HomePhone.value, "Phone Number"); if (theForm.ShippingState) why += isEmpty(theForm.ShippingState.value, "Shipping State");  if (theForm.ShippingCity) why += isEmpty(theForm.ShippingCity.value, "Shipping City");  if (theForm.ShippingZip) why += isEmpty(theForm.ShippingZip.value, "Shipping Zipcode");
            if (theForm.BillingAddress) why += isEmpty(theForm.BillingAddress.value, "Billing Address");  if (theForm.BillingState) why += isEmpty(theForm.BillingState.value, "Billing State");  if (theForm.BillingCity) why += isEmpty(theForm.BillingCity.value, "Billing City");  if (theForm.BillingZip) why += isEmpty(theForm.BillingZip.value, "Billing Zipcode");
             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.PaymentMethodType) why += checkSelected(theForm.PaymentMethodType, "Payment Method");if(why != ""){alert(why);return false;}if(submitcount42059 == 0){submitcount42059++;theForm.submit();return false;}else{alert("Form submission is in progress.");return false;}}
            // Credit Card info is not required if paying by PayPal, Hosted Credit Card, COD etc
            function ShowCCFields(val) {                           
                if (!document.getElementById('paymentdiv'))
                    return;         
                if (val != 1)
                    document.getElementById('paymentdiv').style.display = 'none';               
                else
                    document.getElementById('paymentdiv').style.display = 'inline';
            //]]>
        </script>
</form>
</section>

Answer 1

Locking this thread.
You only need one post on something