In order to use multiple CAPTCHA forms on one page, you need to modify the code of all of your forms to use the same CAPTCHA. Otherwise only the most recently loaded CAPTCHA code will be valid for all forms.
Here are the steps to modify the code to get this to work:
- On your page where the forms are located, find all the JavaScript blocks that start with:
<script type="text/javascript">
and eliminate all but one of them (each block starts with <script type="text/javascript"> and ends with </script>). Put this remaining block up towards the top of your page before any other form code is used.
// <![CDATA[
var SIDString = ''; - Locate all the JavaScript blocks that start with:
<script type="text/javascript">
and cut the
// <![CDATA[
var url = "...";
document.write("...");var url = "...";
line out from all of the blocks and paste it once at the end of the last remaining block that you left in Step 1. It needs to be added just before these lines:// ]]>
</script>
<script type="text/javascript">and the code to generate the CAPTCHA images should each look like:
// <![CDATA[
var SIDString = '';
[...]
var url = "...";
// ]]>
</script>
<script type="text/javascript">This will ensure that each CAPTCHA code on the page is the same, preventing them from clashing.
// <![CDATA[
document.write("<img src='" + url + "' alt='img'/>");
// ]]>
</script><br/><input type="text" name="captcha" value="" />

The article has been updated successfully.