I used some custom code to create my form. I can't get the submit button to work and send me the information to my email. In the On Submit section I added the email function and tried to add the fields that I have in the above custom code section in the On Load section. But the email only shows the template I created and not the actual entries.Here is my custom code...I'm not the coder so much help would be appreciated. Please Select the Number of Players: 1 2 3 4 ***If you don't have a Club Pro leave blank and we will assign you one.*** Club Pro Full Name Club Pro Cell Phone Club Pro Email Phone Player 1 Salutation Mr. Mrs. Ms. Dr. First Name Last Name Address Line 1: Address Line 2: City: State: Zip: Cell Phone: Email: Gender: Male Female Golf Shirt Size: Small Medium Large X-Large Club Name: Club Website: Player 2 Salutation Mr. Mrs. Ms. Dr. First Name Last Name Cell Phone: Email: Gender: Male Female Golf Shirt Size: Small Medium Large X-Large Player 3 Salutation Mr. Mrs. Ms. Dr. First Name Last Name Cell Phone: Email: Gender: Male Female Golf Shirt Size: Small Medium Large X-Large Player 4 Salutation Mr. Mrs. Ms. Dr. First Name Last Name Cell Phone: Email: Gender: Male Female Golf Shirt Size: Small Medium Large X-Large function displayForm(drop){ if(drop.value == "1"){ document.getElementById("form1").style.display = 'block'; document.getElementById("form2").style.display = 'none'; document.getElementById("form3").style.display = 'none'; document.getElementById("form4").style.display = 'none'; } else if(drop.value =="2"){ document.getElementById("form1").style.display = 'block'; document.getElementById("form2").style.display = 'block'; document.getElementById("form3").style.display = 'none'; document.getElementById("form4").style.display = 'none'; } else if(drop.value =="3"){ document.getElementById("form1").style.display = 'block'; document.getElementById("form2").style.display = 'block'; document.getElementById("form3").style.display = 'block'; document.getElementById("form4").style.display = 'none'; } else if(drop.value =="4"){ document.getElementById("form1").style.display = 'block'; document.getElementById("form2").style.display = 'block'; document.getElementById("form3").style.display = 'block'; document.getElementById("form4").style.display = 'block'; } else{ } }

Forums

ChronoForms v8 is now WordPress ready, ChronoMails is out

Custom Code & On Submit Email

travistsickle 11 Feb, 2013

I used some custom code to create my form. I can't get the submit button to work and send me the information to my email. In the On Submit section I added the email function and tried to add the fields that I have in the above custom code section in the On Load section. But the email only shows the template I created and not the actual entries.

Here is my custom code...I'm not the coder so much help would be appreciated.

<form action="https://pay1.plugnpay.com/payment/pay.cgi" style="margin: 0; padding: 0;" method="post">
        <input type="hidden" name="card-allowed" value="Visa,Mastercard,Amex" />
        <input type="hidden" name="comments" value=" " />
        <input type="hidden" name="currency" value="usd" />
        <input type="hidden" name="currency_symbol" value="$" />
        <input type="hidden" name="easycart" value="1" />
        <input type="hidden" name="publisher-name" value="deanhedstr" />
        <input type="hidden" name="shipinfo" value="1" />

    <input type="hidden" name="description1" value="Registration" />
    <input type="hidden" name="cost1" value="1,000.00" />
    <input type="hidden" name="quantity1" value="1" />


<label>Please Select the Number of Players: </label><br/>
            <label><input value="1" type="radio" name="formselector" onclick="displayForm(this)"> 1   </label>     
            <label><input value="2" type="radio" name="formselector" onclick="displayForm(this)"> 2   </label>
            <label><input value="3" type="radio" name="formselector" onclick="displayForm(this)"> 3   </label>     
            <label><input value="4" type="radio" name="formselector" onclick="displayForm(this)"> 4   </label>
        
     <br/>
<div style="display: none" id="form1">

<div class="ccms_form_element cfdiv_select" id="input_select_11_container_div" style="">

<div class="clear"></div>

<label>***If you don't have a Club Pro leave blank and we will assign you one.***</label>
<p></p>
<div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>Club Pro Full Name</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="clubprofullname" /><div class="clear"></div>
<div class="clear"></div>

<div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>Club Pro Cell Phone</label><input maxlength="150" size="30" class="" title="" type="" value="" name="clubprocellphone" /><div class="clear"></div>

<div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>Club Pro Email Phone</label><input maxlength="150" size="30" class="" title="" type="" value="" name="clubproemailphone" /><div class="clear"></div>

<br></br>

<label>Player 1</label>
<br></br>
<label>Salutation</label>
<select size="1" class="" title="" name="input_select_1">
    <option value="Mr.">Mr.</option>
    <option value="Mrs.">Mrs.</option>
    <option value="Ms.">Ms.</option>
    <option value="Dr.">Dr.</option>
</select>

<div class="clear"></div><div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>First Name</label><input maxlength="150" size="30" class="validate['required']" title="" type="text" value="" name="p1firstname" />

<div class="clear"></div><div id="error-message-input_text_2"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_31_container_div" style=""><label>Last Name</label><input maxlength="150" size="30" class="validate['required']" title="" type="text" value="" name="p1lastname" />

<div class="clear"></div><div id="error-message-input_text_3"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_41_container_div" style=""><label>Address Line 1:</label><input maxlength="150" size="30" class="validate['required']" title="" type="text" value="" name="p1addressline1" />

<div class="clear"></div><div id="error-message-input_text_4"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_51_container_div" style=""><label>Address Line 2:</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="p1addressline2" />

<div class="clear"></div><div id="error-message-input_text_5"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_61_container_div" style=""><label>City:</label><input maxlength="150" size="30" class="validate['required']" title="" type="text" value="" name="p1city" />

<div class="clear"></div><div id="error-message-input_text_6"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_71_container_div" style=""><label>State:</label><input maxlength="2" size="30" class="validate['required']" title="" type="text" value="" name="p1state" />

<div class="clear"></div><div id="error-message-input_text_7"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_81_container_div" style=""><label>Zip:</label><input maxlength="5" size="30" class=" validate['required','digit']" title="" type="text" value="" name="p1zip" />

<div class="clear"></div><div id="error-message-input_text_8"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_91_container_div" style=""><label>Cell Phone:</label><input maxlength="150" size="30" class=" validate['required','phone']" title="" type="text" value="" name="p1cellphone" />

<div class="clear"></div><div id="error-message-input_text_9"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_101_container_div" style=""><label>Email:</label><input maxlength="150" size="30" class=" validate['required','email']" title="" type="text" value="" name="p1email" />

<div class="clear"></div><div id="error-message-input_text_10"></div></div><div class="ccms_form_element cfdiv_radio" id="input_radio_111_container_div" style=""><label>Gender:</label><input type="hidden" name="input_radio_11" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="radio" name="input_radio_11" id="input_radio_11_0" title="" value="Male" class="validate['required']" />
<label for="input_radio_11_0">Male</label>
<input type="radio" name="input_radio_11" id="input_radio_11_1" title="" value="Female" class="validate['required']" />
<label for="input_radio_11_1">Female</label>
</div><div class="clear"></div><div id="error-message-input_radio_11"></div></div><div class="ccms_form_element cfdiv_select" id="input_select_131_container_div" style=""><label>Golf Shirt Size:</label><select size="1" class="" title="" name="input_select_13">
<option value="Small">Small</option>
<option value="Medium">Medium</option>
<option value="Large">Large</option>
<option value="X-Large">X-Large</option>
</select>
<div class="clear"></div><div id="error-message-input_select_13"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_141_container_div" style=""><label>Club Name:</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_14" />
<div class="clear"></div><div id="error-message-input_text_14"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_151_container_div" style=""><label>Club Website:</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_15" />
<div class="clear"></div><div id="error-message-input_text_15"></div>
</div>




<br></br>
<div style="display: none"  id="form2">

<label>Player 2</label>
<div class="ccms_form_element cfdiv_select" id="input_select_11_container_div" style="">

<label>Salutation</label>
<select size="1" class="" title="" name="input_select_1">
    <option value="Mr.">Mr.</option>
    <option value="Mrs.">Mrs.</option>
    <option value="Ms.">Ms.</option>
    <option value="Dr.">Dr.</option>
</select>

<div class="clear"></div><div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>First Name</label><input maxlength="150" size="30" class="validate['required']" title="" type="text" value="" name="input_text_2" />
<div class="clear"></div><div id="error-message-input_text_2"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_31_container_div" style=""><label>Last Name</label><input maxlength="150" size="30" class="validate['required']" title="" type="text" value="" name="input_text_3" />
<div class="clear"></div><div id="error-message-input_text_8"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_91_container_div" style=""><label>Cell Phone:</label><input maxlength="150" size="30" class=" validate['required','phone']" title="" type="text" value="" name="input_text_9" />
<div class="clear"></div><div id="error-message-input_text_9"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_101_container_div" style=""><label>Email:</label><input maxlength="150" size="30" class=" validate['required','email']" title="" type="text" value="" name="input_text_10" />
<div class="clear"></div><div id="error-message-input_text_10"></div></div><div class="ccms_form_element cfdiv_radio" id="input_radio_111_container_div" style=""><label>Gender:</label><input type="hidden" name="input_radio_11" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="radio" name="input_radio_11" id="input_radio_11_0" title="" value="Male" class="validate['required']" />
<label for="input_radio_11_0">Male</label>
<input type="radio" name="input_radio_11" id="input_radio_11_1" title="" value="Female" class="validate['required']" />
<label for="input_radio_11_1">Female</label>
</div><div class="clear"></div><div id="error-message-input_radio_11"></div></div><div class="ccms_form_element cfdiv_select" id="input_select_131_container_div" style=""><label>Golf Shirt Size:</label><select size="1" class="" title="" name="input_select_13">
<option value="Small">Small</option>
<option value="Medium">Medium</option>
<option value="Large">Large</option>
<option value="X-Large">X-Large</option>
</select>
<div class="clear"></div><div id="error-message-input_text_15"></div>
</div>
</div>




<br></br>

<div style="display: none" id="form3">


<label>Player 3</label>
<div class="ccms_form_element cfdiv_select" id="input_select_11_container_div" style="">

<label>Salutation</label>
<select size="1" class="" title="" name="input_select_1">
    <option value="Mr.">Mr.</option>
    <option value="Mrs.">Mrs.</option>
    <option value="Ms.">Ms.</option>
    <option value="Dr.">Dr.</option>
</select>

<div class="clear"></div><div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>First Name</label><input maxlength="150" size="30" class="validate['required']" title="" type="text" value="" name="input_text_2" />
<div class="clear"></div><div id="error-message-input_text_2"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_31_container_div" style=""><label>Last Name</label><input maxlength="150" size="30" class="validate['required']" title="" type="text" value="" name="input_text_3" />
<div class="clear"></div><div id="error-message-input_text_8"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_91_container_div" style=""><label>Cell Phone:</label><input maxlength="150" size="30" class=" validate['required','phone']" title="" type="text" value="" name="input_text_9" />
<div class="clear"></div><div id="error-message-input_text_9"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_101_container_div" style=""><label>Email:</label><input maxlength="150" size="30" class=" validate['required','email']" title="" type="text" value="" name="input_text_10" />
<div class="clear"></div><div id="error-message-input_text_10"></div></div><div class="ccms_form_element cfdiv_radio" id="input_radio_111_container_div" style=""><label>Gender:</label><input type="hidden" name="input_radio_11" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="radio" name="input_radio_11" id="input_radio_11_0" title="" value="Male" class="validate['required']" />
<label for="input_radio_11_0">Male</label>
<input type="radio" name="input_radio_11" id="input_radio_11_1" title="" value="Female" class="validate['required']" />
<label for="input_radio_11_1">Female</label>
</div><div class="clear"></div><div id="error-message-input_radio_11"></div></div><div class="ccms_form_element cfdiv_select" id="input_select_131_container_div" style=""><label>Golf Shirt Size:</label><select size="1" class="" title="" name="input_select_13">
<option value="Small">Small</option>
<option value="Medium">Medium</option>
<option value="Large">Large</option>
<option value="X-Large">X-Large</option>
</select>
<div class="clear"></div><div id="error-message-input_text_15"></div>
</div>
</div>


<br></br>


<div style="display: none"   id="form4">

 
<label>Player 4</label>
<div class="ccms_form_element cfdiv_select" id="input_select_11_container_div" style="">

<label>Salutation</label>
<select size="1" class="" title="" name="input_select_1">
    <option value="Mr.">Mr.</option>
    <option value="Mrs.">Mrs.</option>
    <option value="Ms.">Ms.</option>
    <option value="Dr.">Dr.</option>
</select>

<div class="clear"></div><div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>First Name</label><input maxlength="150" size="30" class="validate['required']" title="" type="text" value="" name="input_text_2" />
<div class="clear"></div><div id="error-message-input_text_2"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_31_container_div" style=""><label>Last Name</label><input maxlength="150" size="30" class="validate['required']" title="" type="text" value="" name="input_text_3" />
<div class="clear"></div><div id="error-message-input_text_8"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_91_container_div" style=""><label>Cell Phone:</label><input maxlength="150" size="30" class=" validate['required','phone']" title="" type="text" value="" name="input_text_9" />
<div class="clear"></div><div id="error-message-input_text_9"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_101_container_div" style=""><label>Email:</label><input maxlength="150" size="30" class=" validate['required','email']" title="" type="text" value="" name="input_text_10" />
<div class="clear"></div><div id="error-message-input_text_10"></div></div><div class="ccms_form_element cfdiv_radio" id="input_radio_111_container_div" style=""><label>Gender:</label><input type="hidden" name="input_radio_11" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="radio" name="input_radio_11" id="input_radio_11_0" title="" value="Male" class="validate['required']" />
<label for="input_radio_11_0">Male</label>
<input type="radio" name="input_radio_11" id="input_radio_11_1" title="" value="Female" class="validate['required']" />
<label for="input_radio_11_1">Female</label>
</div><div class="clear"></div><div id="error-message-input_radio_11"></div></div><div class="ccms_form_element cfdiv_select" id="input_select_131_container_div" style=""><label>Golf Shirt Size:</label><select size="1" class="" title="" name="input_select_13">
<option value="Small">Small</option>
<option value="Medium">Medium</option>
<option value="Large">Large</option>
<option value="X-Large">X-Large</option>
</select>
<div class="clear"></div><div id="error-message-input_text_15"></div>
</div>
</div>




<input type="submit" name="return" value="Register" />




</form>











<script type="text/javascript"> 
            function displayForm(drop){ 
                if(drop.value == "1"){ 
                    document.getElementById("form1").style.display = 'block';
                    document.getElementById("form2").style.display = 'none';
                    document.getElementById("form3").style.display = 'none';
                    document.getElementById("form4").style.display = 'none';
                } 
                else if(drop.value =="2"){ 
                    document.getElementById("form1").style.display = 'block';
                    document.getElementById("form2").style.display = 'block';
                    document.getElementById("form3").style.display = 'none';
                    document.getElementById("form4").style.display = 'none'; 
                }
                else if(drop.value =="3"){ 
                    document.getElementById("form1").style.display = 'block';
                    document.getElementById("form2").style.display = 'block';
                    document.getElementById("form3").style.display = 'block';
                    document.getElementById("form4").style.display = 'none'; 
                }
                else if(drop.value =="4"){ 
                    document.getElementById("form1").style.display = 'block';
                    document.getElementById("form2").style.display = 'block';
                    document.getElementById("form3").style.display = 'block';
                    document.getElementById("form4").style.display = 'block';
                } 
                else{ 
                } 
             
            }         
        </script>

GreyHead 11 Feb, 2013

Hi travistsickle,

The problem is probably that you have two sets of <form> tags nested one inside the other. This is not permitted HTML.

Either remove the form tags from this code and put the Payment gateway URL in the form Submit URL box or turn off the ChronoForms <form> tags. Both settings are on the form General tab - click the form name link in the Forms Manager to see it.

Bob

travistsickle 15 Feb, 2013

I'm not using paypal. I put the custom code below into the wizard where is says "custom code", under "On Load." Under that, I have "Show HTML" and that is all the sections I put in the wizard. I tried adding "email" in the "On Submit" section but the template won't populate the fields and I am not receiving any emails either. When I do click on the form "Register" button, it does take me to the checkout screen but again, I'm not getting my email with the form data. I am not even receiving an email at all.

Please be as descriptive as possible, I'm not good with code and trying to get this form to work. Thank you!


<form action="https://pay1.plugnpay.com/payment/pay.cgi" style="margin: 0; padding: 0;" method="post">
        <input type="hidden" name="card-allowed" value="Visa,Mastercard,Amex" />
        <input type="hidden" name="comments" value=" " />
        <input type="hidden" name="currency" value="usd" />
        <input type="hidden" name="currency_symbol" value="$" />
        <input type="hidden" name="easycart" value="1" />
        <input type="hidden" name="publisher-name" value="deanhedstr" />
        <input type="hidden" name="shipinfo" value="1" />

    <input type="hidden" name="description1" value="Registration" />
    <input type="hidden" name="cost1" value="1,000.00" />
    <input type="hidden" name="quantity1" value="1" />

<label>Please Select the Number of Players: </label><br/>
            <label><input value="1" type="radio" name="formselector" onclick="displayForm(this)"> 1   </label>     
            <label><input value="2" type="radio" name="formselector" onclick="displayForm(this)"> 2   </label>
            <label><input value="3" type="radio" name="formselector" onclick="displayForm(this)"> 3   </label>     
            <label><input value="4" type="radio" name="formselector" onclick="displayForm(this)"> 4   </label>
        
     <br/>
<div style="display: none" id="form1">

<div class="ccms_form_element cfdiv_select" id="input_select_11_container_div" style="">

<div class="clear"></div>

<label>***If you don't have a Club Pro leave blank and we will assign you one.***</label>
<p></p>
<div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>Club Pro Full Name</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_2" /><div class="clear"></div>
<div class="clear"></div>

<div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>Club Pro Cell Phone</label><input maxlength="150" size="30" class="" title="" type="" value="" name="input_text_2" /><div class="clear"></div>

<div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>Club Pro Email Phone</label><input maxlength="150" size="30" class="" title="" type="" value="" name="input_text_2" /><div class="clear"></div>

<br></br>

<label>Player 1</label>
<br></br>
<label>Salutation</label>
<select size="1" class="" title="" name="input_select_1">
    <option value="Mr.">Mr.</option>
    <option value="Mrs.">Mrs.</option>
    <option value="Ms.">Ms.</option>
    <option value="Dr.">Dr.</option>
</select>

<div class="clear"></div><div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>First Name</label><input maxlength="150" size="30" class="validate['required']" title="" type="text" value="" name="input_text_2" />
<div class="clear"></div><div id="error-message-input_text_2"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_31_container_div" style=""><label>Last Name</label><input maxlength="150" size="30" class="validate['required']" title="" type="text" value="" name="input_text_3" />
<div class="clear"></div><div id="error-message-input_text_3"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_41_container_div" style=""><label>Address Line 1:</label><input maxlength="150" size="30" class="validate['required']" title="" type="text" value="" name="input_text_4" />
<div class="clear"></div><div id="error-message-input_text_4"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_51_container_div" style=""><label>Address Line 2:</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_5" />
<div class="clear"></div><div id="error-message-input_text_5"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_61_container_div" style=""><label>City:</label><input maxlength="150" size="30" class="validate['required']" title="" type="text" value="" name="input_text_6" />
<div class="clear"></div><div id="error-message-input_text_6"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_71_container_div" style=""><label>State:</label><input maxlength="2" size="30" class="validate['required']" title="" type="text" value="" name="input_text_7" />
<div class="clear"></div><div id="error-message-input_text_7"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_81_container_div" style=""><label>Zip:</label><input maxlength="5" size="30" class=" validate['required','digit']" title="" type="text" value="" name="input_text_8" />
<div class="clear"></div><div id="error-message-input_text_8"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_91_container_div" style=""><label>Cell Phone:</label><input maxlength="150" size="30" class=" validate['required','phone']" title="" type="text" value="" name="input_text_9" />
<div class="clear"></div><div id="error-message-input_text_9"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_101_container_div" style=""><label>Email:</label><input maxlength="150" size="30" class=" validate['required','email']" title="" type="text" value="" name="input_text_10" />
<div class="clear"></div><div id="error-message-input_text_10"></div></div><div class="ccms_form_element cfdiv_radio" id="input_radio_111_container_div" style=""><label>Gender:</label><input type="hidden" name="input_radio_11" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="radio" name="input_radio_11" id="input_radio_11_0" title="" value="Male" class="validate['required']" />
<label for="input_radio_11_0">Male</label>
<input type="radio" name="input_radio_11" id="input_radio_11_1" title="" value="Female" class="validate['required']" />
<label for="input_radio_11_1">Female</label>
</div><div class="clear"></div><div id="error-message-input_radio_11"></div></div><div class="ccms_form_element cfdiv_select" id="input_select_131_container_div" style=""><label>Golf Shirt Size:</label><select size="1" class="" title="" name="input_select_13">
<option value="Small">Small</option>
<option value="Medium">Medium</option>
<option value="Large">Large</option>
<option value="X-Large">X-Large</option>
</select>
<div class="clear"></div><div id="error-message-input_select_13"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_141_container_div" style=""><label>Club Name:</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_14" />
<div class="clear"></div><div id="error-message-input_text_14"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_151_container_div" style=""><label>Club Website:</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_15" />
<div class="clear"></div><div id="error-message-input_text_15"></div>
</div>




<br></br>
<div style="display: none"  id="form2">

<label>Player 2</label>
<div class="ccms_form_element cfdiv_select" id="input_select_11_container_div" style="">

<label>Salutation</label>
<select size="1" class="" title="" name="input_select_1">
    <option value="Mr.">Mr.</option>
    <option value="Mrs.">Mrs.</option>
    <option value="Ms.">Ms.</option>
    <option value="Dr.">Dr.</option>
</select>

<div class="clear"></div><div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>First Name</label><input maxlength="150" size="30" class="validate['required']" title="" type="text" value="" name="input_text_2" />
<div class="clear"></div><div id="error-message-input_text_2"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_31_container_div" style=""><label>Last Name</label><input maxlength="150" size="30" class="validate['required']" title="" type="text" value="" name="input_text_3" />
<div class="clear"></div><div id="error-message-input_text_8"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_91_container_div" style=""><label>Cell Phone:</label><input maxlength="150" size="30" class=" validate['required','phone']" title="" type="text" value="" name="input_text_9" />
<div class="clear"></div><div id="error-message-input_text_9"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_101_container_div" style=""><label>Email:</label><input maxlength="150" size="30" class=" validate['required','email']" title="" type="text" value="" name="input_text_10" />
<div class="clear"></div><div id="error-message-input_text_10"></div></div><div class="ccms_form_element cfdiv_radio" id="input_radio_111_container_div" style=""><label>Gender:</label><input type="hidden" name="input_radio_11" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="radio" name="input_radio_11" id="input_radio_11_0" title="" value="Male" class="validate['required']" />
<label for="input_radio_11_0">Male</label>
<input type="radio" name="input_radio_11" id="input_radio_11_1" title="" value="Female" class="validate['required']" />
<label for="input_radio_11_1">Female</label>
</div><div class="clear"></div><div id="error-message-input_radio_11"></div></div><div class="ccms_form_element cfdiv_select" id="input_select_131_container_div" style=""><label>Golf Shirt Size:</label><select size="1" class="" title="" name="input_select_13">
<option value="Small">Small</option>
<option value="Medium">Medium</option>
<option value="Large">Large</option>
<option value="X-Large">X-Large</option>
</select>
<div class="clear"></div><div id="error-message-input_text_15"></div>
</div>
</div>




<br></br>

<div style="display: none" id="form3">


<label>Player 3</label>
<div class="ccms_form_element cfdiv_select" id="input_select_11_container_div" style="">

<label>Salutation</label>
<select size="1" class="" title="" name="input_select_1">
    <option value="Mr.">Mr.</option>
    <option value="Mrs.">Mrs.</option>
    <option value="Ms.">Ms.</option>
    <option value="Dr.">Dr.</option>
</select>

<div class="clear"></div><div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>First Name</label><input maxlength="150" size="30" class="validate['required']" title="" type="text" value="" name="input_text_2" />
<div class="clear"></div><div id="error-message-input_text_2"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_31_container_div" style=""><label>Last Name</label><input maxlength="150" size="30" class="validate['required']" title="" type="text" value="" name="input_text_3" />
<div class="clear"></div><div id="error-message-input_text_8"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_91_container_div" style=""><label>Cell Phone:</label><input maxlength="150" size="30" class=" validate['required','phone']" title="" type="text" value="" name="input_text_9" />
<div class="clear"></div><div id="error-message-input_text_9"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_101_container_div" style=""><label>Email:</label><input maxlength="150" size="30" class=" validate['required','email']" title="" type="text" value="" name="input_text_10" />
<div class="clear"></div><div id="error-message-input_text_10"></div></div><div class="ccms_form_element cfdiv_radio" id="input_radio_111_container_div" style=""><label>Gender:</label><input type="hidden" name="input_radio_11" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="radio" name="input_radio_11" id="input_radio_11_0" title="" value="Male" class="validate['required']" />
<label for="input_radio_11_0">Male</label>
<input type="radio" name="input_radio_11" id="input_radio_11_1" title="" value="Female" class="validate['required']" />
<label for="input_radio_11_1">Female</label>
</div><div class="clear"></div><div id="error-message-input_radio_11"></div></div><div class="ccms_form_element cfdiv_select" id="input_select_131_container_div" style=""><label>Golf Shirt Size:</label><select size="1" class="" title="" name="input_select_13">
<option value="Small">Small</option>
<option value="Medium">Medium</option>
<option value="Large">Large</option>
<option value="X-Large">X-Large</option>
</select>
<div class="clear"></div><div id="error-message-input_text_15"></div>
</div>
</div>


<br></br>


<div style="display: none"   id="form4">

 
<label>Player 4</label>
<div class="ccms_form_element cfdiv_select" id="input_select_11_container_div" style="">

<label>Salutation</label>
<select size="1" class="" title="" name="input_select_1">
    <option value="Mr.">Mr.</option>
    <option value="Mrs.">Mrs.</option>
    <option value="Ms.">Ms.</option>
    <option value="Dr.">Dr.</option>
</select>

<div class="clear"></div><div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>First Name</label><input maxlength="150" size="30" class="validate['required']" title="" type="text" value="" name="input_text_2" />
<div class="clear"></div><div id="error-message-input_text_2"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_31_container_div" style=""><label>Last Name</label><input maxlength="150" size="30" class="validate['required']" title="" type="text" value="" name="input_text_3" />
<div class="clear"></div><div id="error-message-input_text_8"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_91_container_div" style=""><label>Cell Phone:</label><input maxlength="150" size="30" class=" validate['required','phone']" title="" type="text" value="" name="input_text_9" />
<div class="clear"></div><div id="error-message-input_text_9"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_101_container_div" style=""><label>Email:</label><input maxlength="150" size="30" class=" validate['required','email']" title="" type="text" value="" name="input_text_10" />
<div class="clear"></div><div id="error-message-input_text_10"></div></div><div class="ccms_form_element cfdiv_radio" id="input_radio_111_container_div" style=""><label>Gender:</label><input type="hidden" name="input_radio_11" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="radio" name="input_radio_11" id="input_radio_11_0" title="" value="Male" class="validate['required']" />
<label for="input_radio_11_0">Male</label>
<input type="radio" name="input_radio_11" id="input_radio_11_1" title="" value="Female" class="validate['required']" />
<label for="input_radio_11_1">Female</label>
</div><div class="clear"></div><div id="error-message-input_radio_11"></div></div><div class="ccms_form_element cfdiv_select" id="input_select_131_container_div" style=""><label>Golf Shirt Size:</label><select size="1" class="" title="" name="input_select_13">
<option value="Small">Small</option>
<option value="Medium">Medium</option>
<option value="Large">Large</option>
<option value="X-Large">X-Large</option>
</select>
<div class="clear"></div><div id="error-message-input_text_15"></div>
</div>
</div>

<input type="submit" name="return" value="Register"/>

</form>

<script type="text/javascript"> 
            function displayForm(drop){ 
                if(drop.value == "1"){ 
                    document.getElementById("form1").style.display = 'block';
                    document.getElementById("form2").style.display = 'none';
                    document.getElementById("form3").style.display = 'none';
                    document.getElementById("form4").style.display = 'none';
                } 
                else if(drop.value =="2"){ 
                    document.getElementById("form1").style.display = 'block';
                    document.getElementById("form2").style.display = 'block';
                    document.getElementById("form3").style.display = 'none';
                    document.getElementById("form4").style.display = 'none'; 
                }
                else if(drop.value =="3"){ 
                    document.getElementById("form1").style.display = 'block';
                    document.getElementById("form2").style.display = 'block';
                    document.getElementById("form3").style.display = 'block';
                    document.getElementById("form4").style.display = 'none'; 
                }
                else if(drop.value =="4"){ 
                    document.getElementById("form1").style.display = 'block';
                    document.getElementById("form2").style.display = 'block';
                    document.getElementById("form3").style.display = 'block';
                    document.getElementById("form4").style.display = 'block';
                } 
                else{ 
                } 
             
            }         
        </script>

GreyHead 15 Feb, 2013

Hi travistsickle,

Sorry I misread the URL for your payment gateway.

The answer is still the same, you either need to remove the <form> tags from your code or turn off the ChronoForms form tags. Which is better depends on what you need to do with the form data.

If you want to receive emails from ChronoForms then you must remove the <form> tags from your code and set ChronoForms up to submit the form data to the payment gateway.

Does the form User need to be sent to the gateway page to approve the payment?

Bob

travistsickle 16 Feb, 2013

No, the form data does not need to be sent to the payment gateway.

I'm not quite getting what you mean by removing the forms tag in my code. I added another custom code section under "on submit" and added the code for the payment to it. I also added a submit button in the preview section. What happens now is that the submit button works and then redirects to another page with a "register" button. Which is that second custom code section I mentioned with the payment code.

My current issue...the email doesn't contain any of the field from the email template. The email template section doesn't recognize the custom code and when I try to put it in manually it still doesn't grab the inputs.

Max_admin 17 Feb, 2013

Hi Travis,

Just to clear something here, you can have <form...etc> tag or </form> tag inside the html of your form, because the "Show html" action already adds those, but in you case, you use a "Custom code" action to output this code, this means that you will have 2 forms displayed, clicking the submit button in any of them will not submit the other, and since the action tag of your payment form is pointed to the gateway, then no Chronoforms "on submit" actions will be processed.

So I think that you are submitting the form to the payment gateway, that will do the payment fine but will not execute the chrono actions on submit, there are alternative ways to do this, for example using the curl or redirect actions.

Regards,
Max

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

travistsickle 17 Feb, 2013

Okay, here is what I changed. I removed the payment code all together and still can't get the email to work. I moved the custom code to the preview section and then added a submit button below it. Then in the events tab under "On Load" I put the "Show HTML" action and then under the "On Submit" I put the "email" action. Then in that email action I clicked on the template and then clicked on "generate auto template" and it pulled in a bunch of code, that I put below.

I'll also put the code that I put in the custom section below as well...

AND ALSO This is the only thing the email gives me...

Please Select the Number of Players: 
1 1   2   3   4

<table cellpadding="5" cellspacing="5" border="0">
	<tr>
		<td colspan='2'>
			<label>Please Select the Number of Players: </label><br/>
            <label>{formselector} 1   </label>     
            <label> 2   </label>
            <label> 3   </label>     
            <label> 4   </label>
        
     <br/>
<div style="display: none" id="form1">

<div class="ccms_form_element cfdiv_select" id="input_select_11_container_div" style="">

<div class="clear"></div>

<label>***If you don't have a Club Pro leave blank and we will assign you one.***</label>
<p></p>
<div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>Club Pro Full Name</label>{input_text_2}<div class="clear"></div>
<div class="clear"></div>

<div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>Club Pro Cell Phone</label><input maxlength="150" size="30" class="" title="" type="" value="" name="input_text_2" /><div class="clear"></div>

<div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>Club Pro Email Phone</label><input maxlength="150" size="30" class="" title="" type="" value="" name="input_text_2" /><div class="clear"></div>

<br></br>

<label>Player 1</label>
<br></br>
<label>Salutation</label>
{input_select_1}

<div class="clear"></div><div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>First Name</label>{input_text_2}
<div class="clear"></div><div id="error-message-input_text_2"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_31_container_div" style=""><label>Last Name</label>{input_text_3}
<div class="clear"></div><div id="error-message-input_text_3"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_41_container_div" style=""><label>Address Line 1:</label>{input_text_4}
<div class="clear"></div><div id="error-message-input_text_4"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_51_container_div" style=""><label>Address Line 2:</label>{input_text_5}
<div class="clear"></div><div id="error-message-input_text_5"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_61_container_div" style=""><label>City:</label>{input_text_6}
<div class="clear"></div><div id="error-message-input_text_6"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_71_container_div" style=""><label>State:</label>{input_text_7}
<div class="clear"></div><div id="error-message-input_text_7"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_81_container_div" style=""><label>Zip:</label>{input_text_8}
<div class="clear"></div><div id="error-message-input_text_8"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_91_container_div" style=""><label>Cell Phone:</label>{input_text_9}
<div class="clear"></div><div id="error-message-input_text_9"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_101_container_div" style=""><label>Email:</label>{input_text_10}
<div class="clear"></div><div id="error-message-input_text_10"></div></div><div class="ccms_form_element cfdiv_radio" id="input_radio_111_container_div" style=""><label>Gender:</label>{input_radio_11}
<div style="float:left; clear:none;">



</div><div class="clear"></div><div id="error-message-input_radio_11"></div></div><div class="ccms_form_element cfdiv_select" id="input_select_131_container_div" style=""><label>Golf Shirt Size:</label>{input_select_13}
<div class="clear"></div><div id="error-message-input_select_13"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_141_container_div" style=""><label>Club Name:</label>{input_text_14}
<div class="clear"></div><div id="error-message-input_text_14"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_151_container_div" style=""><label>Club Website:</label>{input_text_15}
<div class="clear"></div><div id="error-message-input_text_15"></div>
</div>

<br></br>
<div style="display: none"  id="form2">

<label>Player 2</label>
<div class="ccms_form_element cfdiv_select" id="input_select_11_container_div" style="">

<label>Salutation</label>
{input_select_1}

<div class="clear"></div><div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>First Name</label>{input_text_2}
<div class="clear"></div><div id="error-message-input_text_2"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_31_container_div" style=""><label>Last Name</label>{input_text_3}
<div class="clear"></div><div id="error-message-input_text_8"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_91_container_div" style=""><label>Cell Phone:</label>{input_text_9}
<div class="clear"></div><div id="error-message-input_text_9"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_101_container_div" style=""><label>Email:</label>{input_text_10}
<div class="clear"></div><div id="error-message-input_text_10"></div></div><div class="ccms_form_element cfdiv_radio" id="input_radio_111_container_div" style=""><label>Gender:</label>{input_radio_11}
<div style="float:left; clear:none;">



</div><div class="clear"></div><div id="error-message-input_radio_11"></div></div><div class="ccms_form_element cfdiv_select" id="input_select_131_container_div" style=""><label>Golf Shirt Size:</label>{input_select_13}
<div class="clear"></div><div id="error-message-input_text_15"></div>
</div>
</div>




<br></br>

<div style="display: none" id="form3">


<label>Player 3</label>
<div class="ccms_form_element cfdiv_select" id="input_select_11_container_div" style="">

<label>Salutation</label>
{input_select_1}

<div class="clear"></div><div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>First Name</label>{input_text_2}
<div class="clear"></div><div id="error-message-input_text_2"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_31_container_div" style=""><label>Last Name</label>{input_text_3}
<div class="clear"></div><div id="error-message-input_text_8"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_91_container_div" style=""><label>Cell Phone:</label>{input_text_9}
<div class="clear"></div><div id="error-message-input_text_9"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_101_container_div" style=""><label>Email:</label>{input_text_10}
<div class="clear"></div><div id="error-message-input_text_10"></div></div><div class="ccms_form_element cfdiv_radio" id="input_radio_111_container_div" style=""><label>Gender:</label>{input_radio_11}
<div style="float:left; clear:none;">



</div><div class="clear"></div><div id="error-message-input_radio_11"></div></div><div class="ccms_form_element cfdiv_select" id="input_select_131_container_div" style=""><label>Golf Shirt Size:</label>{input_select_13}
<div class="clear"></div><div id="error-message-input_text_15"></div>
</div>
</div>


<br></br>


<div style="display: none"   id="form4">

 
<label>Player 4</label>
<div class="ccms_form_element cfdiv_select" id="input_select_11_container_div" style="">

<label>Salutation</label>
{input_select_1}

<div class="clear"></div><div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>First Name</label>{input_text_2}
<div class="clear"></div><div id="error-message-input_text_2"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_31_container_div" style=""><label>Last Name</label>{input_text_3}
<div class="clear"></div><div id="error-message-input_text_8"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_91_container_div" style=""><label>Cell Phone:</label>{input_text_9}
<div class="clear"></div><div id="error-message-input_text_9"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_101_container_div" style=""><label>Email:</label>{input_text_10}
<div class="clear"></div><div id="error-message-input_text_10"></div></div><div class="ccms_form_element cfdiv_radio" id="input_radio_111_container_div" style=""><label>Gender:</label>{input_radio_11}
<div style="float:left; clear:none;">



</div><div class="clear"></div><div id="error-message-input_radio_11"></div></div><div class="ccms_form_element cfdiv_select" id="input_select_131_container_div" style=""><label>Golf Shirt Size:</label>{input_select_13}
<div class="clear"></div><div id="error-message-input_text_15"></div>
</div>
</div>



		</td>
	</tr>
</table>





HERE IS THE CUSTOM CODE THAT I PUT IN THE PREVIEW SECTION...


<label>Please Select the Number of Players: </label><br/>
            <label><input value="1" type="radio" name="formselector" onclick="displayForm(this)"> 1   </label>     
            <label><input value="2" type="radio" name="formselector" onclick="displayForm(this)"> 2   </label>
            <label><input value="3" type="radio" name="formselector" onclick="displayForm(this)"> 3   </label>     
            <label><input value="4" type="radio" name="formselector" onclick="displayForm(this)"> 4   </label>
        
     <br/>
<div style="display: none" id="form1">

<div class="ccms_form_element cfdiv_select" id="input_select_11_container_div" style="">

<div class="clear"></div>

<label>***If you don't have a Club Pro leave blank and we will assign you one.***</label>
<p></p>
<div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>Club Pro Full Name</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_2" /><div class="clear"></div>
<div class="clear"></div>

<div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>Club Pro Cell Phone</label><input maxlength="150" size="30" class="" title="" type="" value="" name="input_text_2" /><div class="clear"></div>

<div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>Club Pro Email Phone</label><input maxlength="150" size="30" class="" title="" type="" value="" name="input_text_2" /><div class="clear"></div>

<br></br>

<label>Player 1</label>
<br></br>
<label>Salutation</label>
<select size="1" class="" title="" name="input_select_1">
    <option value="Mr.">Mr.</option>
    <option value="Mrs.">Mrs.</option>
    <option value="Ms.">Ms.</option>
    <option value="Dr.">Dr.</option>
</select>

<div class="clear"></div><div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>First Name</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_2" />
<div class="clear"></div><div id="error-message-input_text_2"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_31_container_div" style=""><label>Last Name</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_3" />
<div class="clear"></div><div id="error-message-input_text_3"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_41_container_div" style=""><label>Address Line 1:</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_4" />
<div class="clear"></div><div id="error-message-input_text_4"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_51_container_div" style=""><label>Address Line 2:</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_5" />
<div class="clear"></div><div id="error-message-input_text_5"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_61_container_div" style=""><label>City:</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_6" />
<div class="clear"></div><div id="error-message-input_text_6"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_71_container_div" style=""><label>State:</label><input maxlength="2" size="30" class="" title="" type="text" value="" name="input_text_7" />
<div class="clear"></div><div id="error-message-input_text_7"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_81_container_div" style=""><label>Zip:</label><input maxlength="5" size="30" class="" title="" type="text" value="" name="input_text_8" />
<div class="clear"></div><div id="error-message-input_text_8"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_91_container_div" style=""><label>Cell Phone:</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_9" />
<div class="clear"></div><div id="error-message-input_text_9"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_101_container_div" style=""><label>Email:</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_10" />
<div class="clear"></div><div id="error-message-input_text_10"></div></div><div class="ccms_form_element cfdiv_radio" id="input_radio_111_container_div" style=""><label>Gender:</label><input type="hidden" name="input_radio_11" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="radio" name="input_radio_11" id="input_radio_11_0" title="" value="Male" class="" />
<label for="input_radio_11_0">Male</label>
<input type="radio" name="input_radio_11" id="input_radio_11_1" title="" value="Female" class="" />
<label for="input_radio_11_1">Female</label>
</div><div class="clear"></div><div id="error-message-input_radio_11"></div></div><div class="ccms_form_element cfdiv_select" id="input_select_131_container_div" style=""><label>Golf Shirt Size:</label><select size="1" class="" title="" name="input_select_13">
<option value="Small">Small</option>
<option value="Medium">Medium</option>
<option value="Large">Large</option>
<option value="X-Large">X-Large</option>
</select>
<div class="clear"></div><div id="error-message-input_select_13"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_141_container_div" style=""><label>Club Name:</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_14" />
<div class="clear"></div><div id="error-message-input_text_14"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_151_container_div" style=""><label>Club Website:</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_15" />
<div class="clear"></div><div id="error-message-input_text_15"></div>
</div>

<br></br>
<div style="display: none"  id="form2">

<label>Player 2</label>
<div class="ccms_form_element cfdiv_select" id="input_select_11_container_div" style="">

<label>Salutation</label>
<select size="1" class="" title="" name="input_select_1">
    <option value="Mr.">Mr.</option>
    <option value="Mrs.">Mrs.</option>
    <option value="Ms.">Ms.</option>
    <option value="Dr.">Dr.</option>
</select>

<div class="clear"></div><div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>First Name</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_2" />
<div class="clear"></div><div id="error-message-input_text_2"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_31_container_div" style=""><label>Last Name</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_3" />
<div class="clear"></div><div id="error-message-input_text_8"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_91_container_div" style=""><label>Cell Phone:</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_9" />
<div class="clear"></div><div id="error-message-input_text_9"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_101_container_div" style=""><label>Email:</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_10" />
<div class="clear"></div><div id="error-message-input_text_10"></div></div><div class="ccms_form_element cfdiv_radio" id="input_radio_111_container_div" style=""><label>Gender:</label><input type="hidden" name="input_radio_11" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="radio" name="input_radio_11" id="input_radio_11_0" title="" value="Male" class="" />
<label for="input_radio_11_0">Male</label>
<input type="radio" name="input_radio_11" id="input_radio_11_1" title="" value="Female" class="" />
<label for="input_radio_11_1">Female</label>
</div><div class="clear"></div><div id="error-message-input_radio_11"></div></div><div class="ccms_form_element cfdiv_select" id="input_select_131_container_div" style=""><label>Golf Shirt Size:</label><select size="1" class="" title="" name="input_select_13">
<option value="Small">Small</option>
<option value="Medium">Medium</option>
<option value="Large">Large</option>
<option value="X-Large">X-Large</option>
</select>
<div class="clear"></div><div id="error-message-input_text_15"></div>
</div>
</div>




<br></br>

<div style="display: none" id="form3">


<label>Player 3</label>
<div class="ccms_form_element cfdiv_select" id="input_select_11_container_div" style="">

<label>Salutation</label>
<select size="1" class="" title="" name="input_select_1">
    <option value="Mr.">Mr.</option>
    <option value="Mrs.">Mrs.</option>
    <option value="Ms.">Ms.</option>
    <option value="Dr.">Dr.</option>
</select>

<div class="clear"></div><div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>First Name</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_2" />
<div class="clear"></div><div id="error-message-input_text_2"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_31_container_div" style=""><label>Last Name</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_3" />
<div class="clear"></div><div id="error-message-input_text_8"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_91_container_div" style=""><label>Cell Phone:</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_9" />
<div class="clear"></div><div id="error-message-input_text_9"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_101_container_div" style=""><label>Email:</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_10" />
<div class="clear"></div><div id="error-message-input_text_10"></div></div><div class="ccms_form_element cfdiv_radio" id="input_radio_111_container_div" style=""><label>Gender:</label><input type="hidden" name="input_radio_11" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="radio" name="input_radio_11" id="input_radio_11_0" title="" value="Male" class="" />
<label for="input_radio_11_0">Male</label>
<input type="radio" name="input_radio_11" id="input_radio_11_1" title="" value="Female" class="" />
<label for="input_radio_11_1">Female</label>
</div><div class="clear"></div><div id="error-message-input_radio_11"></div></div><div class="ccms_form_element cfdiv_select" id="input_select_131_container_div" style=""><label>Golf Shirt Size:</label><select size="1" class="" title="" name="input_select_13">
<option value="Small">Small</option>
<option value="Medium">Medium</option>
<option value="Large">Large</option>
<option value="X-Large">X-Large</option>
</select>
<div class="clear"></div><div id="error-message-input_text_15"></div>
</div>
</div>


<br></br>


<div style="display: none"   id="form4">

 
<label>Player 4</label>
<div class="ccms_form_element cfdiv_select" id="input_select_11_container_div" style="">

<label>Salutation</label>
<select size="1" class="" title="" name="input_select_1">
    <option value="Mr.">Mr.</option>
    <option value="Mrs.">Mrs.</option>
    <option value="Ms.">Ms.</option>
    <option value="Dr.">Dr.</option>
</select>

<div class="clear"></div><div id="error-message-input_select_1"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_21_container_div" style=""><label>First Name</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_2" />
<div class="clear"></div><div id="error-message-input_text_2"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_31_container_div" style=""><label>Last Name</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_3" />
<div class="clear"></div><div id="error-message-input_text_8"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_91_container_div" style=""><label>Cell Phone:</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_9" />
<div class="clear"></div><div id="error-message-input_text_9"></div></div><div class="ccms_form_element cfdiv_text" id="input_text_101_container_div" style=""><label>Email:</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_10" />
<div class="clear"></div><div id="error-message-input_text_10"></div></div><div class="ccms_form_element cfdiv_radio" id="input_radio_111_container_div" style=""><label>Gender:</label><input type="hidden" name="input_radio_11" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="radio" name="input_radio_11" id="input_radio_11_0" title="" value="Male" class="" />
<label for="input_radio_11_0">Male</label>
<input type="radio" name="input_radio_11" id="input_radio_11_1" title="" value="Female" class="" />
<label for="input_radio_11_1">Female</label>
</div><div class="clear"></div><div id="error-message-input_radio_11"></div></div><div class="ccms_form_element cfdiv_select" id="input_select_131_container_div" style=""><label>Golf Shirt Size:</label><select size="1" class="" title="" name="input_select_13">
<option value="Small">Small</option>
<option value="Medium">Medium</option>
<option value="Large">Large</option>
<option value="X-Large">X-Large</option>
</select>
<div class="clear"></div><div id="error-message-input_text_15"></div>
</div>
</div>

<script type="text/javascript"> 
            function displayForm(drop){ 
                if(drop.value == "1"){ 
                    document.getElementById("form1").style.display = 'block';
                    document.getElementById("form2").style.display = 'none';
                    document.getElementById("form3").style.display = 'none';
                    document.getElementById("form4").style.display = 'none';
                } 
                else if(drop.value =="2"){ 
                    document.getElementById("form1").style.display = 'block';
                    document.getElementById("form2").style.display = 'block';
                    document.getElementById("form3").style.display = 'none';
                    document.getElementById("form4").style.display = 'none'; 
                }
                else if(drop.value =="3"){ 
                    document.getElementById("form1").style.display = 'block';
                    document.getElementById("form2").style.display = 'block';
                    document.getElementById("form3").style.display = 'block';
                    document.getElementById("form4").style.display = 'none'; 
                }
                else if(drop.value =="4"){ 
                    document.getElementById("form1").style.display = 'block';
                    document.getElementById("form2").style.display = 'block';
                    document.getElementById("form3").style.display = 'block';
                    document.getElementById("form4").style.display = 'block';
                } 
                else{ 
                } 
             
            }         
        </script>

GreyHead 18 Feb, 2013

Hi travistickle,

That looks correct. After the first few lines everything else is in a hidden div so it doesn't display:

<div style="display: none" id="form1"> . . . </div>

Bob

This topic is locked and no more replies can be posted.

Forums

Custom Code &amp; On Submit Email

Custom Code & On Submit Email