Protecting web forms without CAPTCHA or PHP ?

Question

Hello,
What I would like to do is come up with a basic, simple process to validate webforms without CAPTCHA or PHP.  My server does not allow PHP.
Ultimately, I would like to be able to display a graphic on the screen, and force the user to enter the numbers/text from the graphic into a field on the form.  I would like to validate that field to be sure that the proper numbers/text have been entered.  It can be static - I will change it every few months.
I thought I was on the right track, using an OnClick for Validate Form for my Submit button.  I marked a field (called "Access Code") required, then i marked that it must be a number between 5 and 6.  Now what happens when I run the form is that I get an error message before I can even enter any text into that field or click the Submit button.  It says "The following error(s) occurred.  -Access Code is required."  I can't get my mouse to click into that field, or get my mouse past that field to click the Submit button.  This error message completely stops me.
Any ideas, thoughts, advice, etc. would be appreciated.
Thank you !

Answer 1

The comparison will actually be done in your processing script (The action part of the form). This will have to be php, asp or something similar, but the form page can be html.
Here is an example form of how I did this, I used a gif file with distored text the shows "mYv6l1date" in the graphic named verifygif.gif in the form below.
<form id="ContactUs" name="ContactUs" method="post" action="/scripts/processScript.php">
      <p style="color: #C30;">Name (required)<br />
        <input type="text" name="Name" id="Name" abindex="1" border="0"/>
        <br />
Member Number No. <br />
<input type="text" name="MemNo" id="MemNo" abindex="2"/>
        <br />
        Email<br />
      <input type="text" name="Email" id="Email" abindex="3"/>
      <br />
      Retype Email <br />
      <input type="text" name="vEmail" id="vEmail" abindex="4"/>
      <br />
      Phone Number<br />
      <input type="text" name="phone" id="phone" abindex="5"/>
      <br />
      Ask us a question or tell us what information you are needing.<br />
      <textarea name="comments" id="comments" cols="60" rows="10" abindex="6"></textarea>
      </p>
      <p><img src="/images/verifygif.gif" alt="" width="126" height="54" border="1" /><br />
      </p>
      <p>Verification</p>
      <p>
        <input type="text" name="verify" id="verify" abindex=7" />
verify  letters and number above,  must match upper and lower case.<br />
      </p><input type="hidden" name="vverify" value="mYv6l1date" />
      <p>
        <input type="submit" name="Submit" id="Submit" value="Submit" abindex="8"/>
      </p>
    </form>
Jim