Trying to add captcha to forum registration page...

Question

I just put up a site and my forum is getting terrible spam so I need to add a captcha to the registration page.
Here is the html code with my attempt to add a captcha module with the help of a support agent, it does not work for some reason.
<h1>Forum Registration</h1>
<div class="error">{module_error}</div>
<div class="forum-registration">
<h2>Existing Users - Login</h2>
<form method="post" action="{module_pageaddress}" onsubmit="return check_RegistrationForm(this,'login')">
    <div class="form">
    <div class="item">
    <input type="hidden" name="OrderLogin_Info" />
    <label>Username</label><br />
    <input name="Username" maxlength="255" class="cat_textbox" />
    </div>
    <div class="item">
    <label>Password</label><br />
    <input type="password" name="Password" maxlength="255" class="cat_textbox" />
    </div>
    <div class="item">
    <input type="submit" value="Login" class="cat_button" /><a href="#" onclick="document.getElementById('lostpassword').style.display='inline';return false;">Forgot your username/password?</a>
    </div>
    </div>
</form>
<form method="post" action="/LostPasswordProcess.aspx" name="catseczonelpform57982" style="display: none;" id="lostpassword">
    <h2>Forgot Password</h2>
    <div class="form">
    <div class="item">
    <label>Enter Username or Email Address</label><br />
    <input name="Username" maxlength="255" class="cat_textbox" />
    </div>
    <div class="item">
    <input type="submit" value="Retrieve" class="cat_button" /><br />
    </div>
    </div>
</form>
<hr />
<h2>New User - Registration</h2>
<form method="post" action="{module_pageaddress}" onsubmit="return check_RegistrationForm(this,'newuser')">
    <div class="form">
    <div class="item">
    <input type="hidden" name="OrderRegistration_Info" />
    <label>Name</label><br />
    <input name="Registration_Name" value="{module_RegistrationInfo,Name}" class="cat_textbox" />
    </div>
    <div class="item">
    <label>Email</label><br />
    <input name="Registration_Email" value="{module_RegistrationInfo,Email}" class="cat_textbox" />
    </div>
    <div class="item">
    <label>User Name</label><br />
    <input name="Registration_Username" value="{module_RegistrationInfo,Username}" class="cat_textbox" />
    </div>
    <div class="item">
    <label>Password</label><br />
    <input type="password" name="Registration_Password" value="{module_RegistrationInfo,Password}" class="cat_textbox" />
    </div>
    <div class="item">
    <label>Confirm Password</label><br />
    <input type="password" name="Registration_ConfirmPassword" value="{module_RegistrationInfo,ConfirmPassword}" maxlength="255" class="cat_textbox" />
    </div>
    <div class="item">
    <label>Alias</label><br />
    <input name="Registration_Alias" value="{module_RegistrationInfo,Alias}" class="cat_textbox" />
    </div>
    <div class="item">
    <label>Signature</label><br />
    <textarea type="text" rows="4" name="Registration_Signature" class="comment">{module_RegistrationInfo,Signature}</textarea>
    </div>
    <div class="item">
    <label>Enter Word Verification in box below <span class="reg">*</span></label><br />
    {module_recaptcha}</div>
    <div class="item">
    <input type="submit" value="Register" class="cat_button" />
    </div>
    </div>
</form>
</div>
<!-- END .forum-registration -->
<script type="text/javascript" src="/CatalystScripts/ValidationFunctions.js"></script>
<script type="text/javascript">
    //<![CDATA[
     function check_RegistrationForm(theForm,name) {  var why = "";  if (name == 'login') {  why += isEmpty(theForm.Username.value, "Username");  why += isEmpty(theForm.Password.value, "Password");  }  else {  why += isEmpty(theForm.Registration_Name.value, "Full Name");  why += isEmpty(theForm.Registration_Email.value, "Email Address");  why += isEmpty(theForm.Registration_Username.value, "Username");  why += isEmpty(theForm.Registration_Password.value, "Password");  why += isEmpty(theForm.Registration_ConfirmPassword.value, "Password Confirmation"); if (theForm,CaptchaV2) why += captchaIsInvalid(theForm, "Enter Word Verification in box below", "Please enter the correct Word Verification as seen in the image");  }  if (why != "") {   alert(why);   return false;  }    return true; }
    //]]>
</script>

Answer 1

You can do that on all forms Penny, Does keep them clean.
It does mean that with no javascript they will never work, but in this day an age that should not be an issue.
It looks like they were not hitting the registration url, but may have had a cached version of the page and using that to submit Penny.
Its a good sollution - ideally for properness data- is a html5 attribute so the doctype really needs to be that. In XHML using rel="" on the form with the action in there is a good alternative as well.
As a note Lynda's code was :
$('.data-submit').data();
This woud return all data
$('.data-submit').data('action');
Is more specifc and faster, if you had other data elements it would just fetch all or fall over.