Missouri State University

Adding a CAPTCHA Test to a Form Outside Web Press

A CAPTCHA test can help keep bots and other automated programs from completing online forms. This helps to reduce spam submissions. When a user tries to fill out a form that includes the Missouri State CAPTCHA test, they must either identify a sequence of distorted characters or identify numbers from an audio clip.

Missouri State offers a CAPTCHA test that can be added to any online form that meets the following criteria:

  1. Includes the common.js script in the document head.
  2. Submits to a supporting form processor (currently the standard email form processor and database form processor).

Required Code

You can add a javascript validated CAPTCHA test to your form with the following steps:

  1. Open the code of the page that contains your form for editing.
  2. At the place in your form where you wish for the CAPTCHA to appear, enter the following code:

     <dl> 
        <dt><label for="Captcha_Field">Human Verification</label></dt>
        <dd id="Captcha_Container">
          <div style="clear:both" class="clearfix">
            <input type="text" maxlength="6" required id="Captcha_Field" name="captcha_response"/>
            <input type="hidden" value="" name="captcha_challenge" id="Captcha_Challenge" />
          </div>
          <script type="text/javascript">
            missouristate.requireScript(
                location.protocol + '//missouristate.info/scripts/2010/captcha.js',
                false, function() { missouristate.captcha.GenerateTest('Captcha_Container'); });
          </script>
        </dd>
      </dl>

  3. Save and publish the page.