Checkbox mandatory

[kjudge]

I am developing a website using bluevoda. I simply want to validate the user has ticked a T&Cs checkbox when a graphic with a link to a website is clicked. A message saying please accept T&Cs before you continue. Please advise.

[VodaHost]

Re: Checkbox mandatory

Hi, you need to double click on the checkbox, then in the popup window, go to the Validate and enable it!

[kjudge]

Re: Checkbox mandatory

Hi, you need to double click on the checkbox, then in the popup window, go to the Validate and enable it!

I have already tried that but, the check box is just ignored!? I must be doing something wrong, link below....

http://eztradehq.com/cboxtest.php

[VodaHost]

Re: Checkbox mandatory

Hi, you need to have a submit button created with the site builder in order for the validation to work.

[kjudge]

Re: Checkbox mandatory

Hi, you need to have a submit button created with the site builder in order for the validation to work.

Thank you for that! How do I achieve that? I need my image with link to website page to effectively be the 'submit button'. Having another 'submit button' seems redundant. Is there a good way of achieving this?

[VodaHost]

Re: Checkbox mandatory

Hi, add the submit button, then double click on it, under value label, delete the submit entry and leave blank. Then, select the style tab and then add the image into the background, this should do what you want!

[kjudge]

Re: Checkbox mandatory

Hi, add the submit button, then double click on it, under value label, delete the submit entry and leave blank. Then, select the style tab and then add the image into the background, this should do what you want!

OK I have tried this and seems to work but, I previously had an html box with an image and the below html code (paypal standard subscribe code). Presumably, I should put this in the 'submit button' success url link, however, it doesnt fit!? Any ideas or am I not doing what you suggest correctly?

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="JKVQ4S2NAVYCA">
<input type="image" src="http://www.eztradehq.com/images/EZTradeHQChippm.png" border="0" name="submit" alt="PayPal – The safer, easier way to pay online.">
<img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
</form>

[VodaHost]

Re: Checkbox mandatory

Hi, there is not a way you can do this directly in BlueVoda, it would need to be done with a custom script. We cannot really recommend anything to do this. We found two possible solutions for you, which are use at your own risk. Below on a PayPal community forum:

https://www.paypal-community.com/t5/About-Business-Archive/Buy-Now-Button-with-Terms-of-Agreement-Check-Box/td-p/689057

A simpler solution using a Javascript:

STEP 1 - Add the following Javascript code on your page in the page HTML:

<script type="text/javascript">// <![CDATA[
function confSubmit() {
if(!document.getElementById("accept").checked) {
alert("Please read and accept the Terms and Conditions in order to continue.");
return false;
}
} // ]]></script>

STEP 2 - Replace the following piece of code in the PayPal form created by the PayPal button generator:

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">

…with…

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" onsubmit="return confSubmit();">

STEP 3 - Insert the following code just before the line that starts with <input type="image" name="submit" …:

Option 3A -- Terms and Conditions on the Same page:

<p><input id="accept" type="checkbox"> I have read and agree to the Terms &amp; Conditions</p>

[kjudge]

Re: Checkbox mandatory

Hi, there is not a way you can do this directly in BlueVoda, it would need to be done with a custom script. We cannot really recommend anything to do this. We found two possible solutions for you, which are use at your own risk. Below on a PayPal community forum:

https://www.paypal-community.com/t5/About-Business-Archive/Buy-Now-Button-with-Terms-of-Agreement-Check-Box/td-p/689057

A simpler solution using a Javascript:

STEP 1 - Add the following Javascript code on your page in the page HTML:

<script type="text/javascript">// <![CDATA[
function confSubmit() {
if(!document.getElementById("accept").checked) {
alert("Please read and accept the Terms and Conditions in order to continue.");
return false;
}
} // ]]></script>

STEP 2 - Replace the following piece of code in the PayPal form created by the PayPal button generator:

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">

…with…

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" onsubmit="return confSubmit();">

STEP 3 - Insert the following code just before the line that starts with <input type="image" name="submit" …:

Option 3A -- Terms and Conditions on the Same page:

<p><input id="accept" type="checkbox"> I have read and agree to the Terms &amp; Conditions</p>

OK I've done that successfully, nearly there thank you! The image and "I have read and agree....." are both aligned to the left of the bluevoda HTML box. I need to position the text and image where I need them, change the font/size of the text and make the "Terms & Conditions" text clickable to show the T&Cs detail.

The checkbox default needs to be set to blank/unchecked and the browser back button needs to be enabled when the user goes to the url link (ie paypal).

[VodaHost]

Re: Checkbox mandatory

Hi, please provide the page with the validation box and also the URL of the terms and condition page so that we may look into this for you.

[kjudge]

Re: Checkbox mandatory

Hi, please provide the page with the validation box and also the URL of the terms and condition page so that we may look into this for you.

This is the page with the issue http://www.eztradehq.com/membership.html
This is an example TandC page http://www.eztradehq.com/tandcexample.html

[VodaHost]

Re: Checkbox mandatory

1) You need to add a hyperlink to the terms and conditions text, it might look like the below:

<p><input id="accept" type="checkbox"> I have read and agree to the <a href="http://www.eztradehq.com/tandcexample.html">Terms &amp; Conditions</a></p>

2) As they are one element, I am not sure that you can separate them, you could always modify your image with some whitespace to force it more to the left or right.

3) You can change the font size and color with the font tag, ie:

<p><input id="accept" type="checkbox"><font size="12" color="red"> I have read and agree to the <a href="http://www.eztradehq.com/tandcexample.html">Terms &amp; Conditions</a></font></p>

4)The default for the checkbox is already blank.

[kjudge]

Re: Checkbox mandatory

1) You need to add a hyperlink to the terms and conditions text, it might look like the below:

<p><input id="accept" type="checkbox"> I have read and agree to the <a href="http://www.eztradehq.com/tandcexample.html">Terms &amp; Conditions</a></p>

2) As they are one element, I am not sure that you can separate them, you could always modify your image with some whitespace to force it more to the left or right.

3) You can change the font size and color with the font tag, ie:

<p><input id="accept" type="checkbox"><font size="12" color="red"> I have read and agree to the <a href="http://www.eztradehq.com/tandcexample.html">Terms &amp; Conditions</a></font></p>

4)The default for the checkbox is already blank.

Absolutely fantastic service; now got exactly what I need! Many thanks!!

[VodaHost]

Re: Checkbox mandatory

You're welcome! Glad we could help you!