How To use BotDetect ASP.NET CAPTCHA in Visual Studio 2008

Step 1. Create new ASP.NET 2.0 Web Site

  • Start Visual Studio 2008

How To use BotDetect ASP.NET CAPTCHA in Visual Studio 2008: screenshot 1

  • Select the project location, name and programming language used

How To use BotDetect ASP.NET CAPTCHA in Visual Studio 2008: screenshot 2

Step 2. Add a BotDetect reference to the project

  • In the Solution Explorer, right-click the Web Site project, and Choose "Add Reference"

How To use BotDetect ASP.NET CAPTCHA in Visual Studio 2008: screenshot 3

  • Browse to the Lanap.BotDetect.dll file located in the BotDetect CAPTCHA installation folder

How To use BotDetect ASP.NET CAPTCHA in Visual Studio 2008: screenshot 4

  • The reference is added to the project's Bin folder

How To use BotDetect ASP.NET CAPTCHA in Visual Studio 2008: screenshot 5

Step 3. Configure your site to use BotDetect CAPTCHA

  • In the Solution Explorer, open your project's web.config file, and add the following lines to the <httpHandlers> section:
<add verb="*" path="LanapCaptcha.aspx" 
  type="Lanap.BotDetect.CaptchaHandler, Lanap.BotDetect" />

How To use BotDetect ASP.NET CAPTCHA in Visual Studio 2008: screenshot 6

Step 4. Add BotDetect CAPTCHA to the Visual Studio Toolbox for future reference.

  • Right-click anywhere in the Toolbox and select "Choose Items"

How To use BotDetect ASP.NET CAPTCHA in Visual Studio 2008: screenshot 7

  • Once again, browse to the Lanap.BotDetect.dll file located in the BotDetect CAPTCHA installation folder

How To use BotDetect ASP.NET CAPTCHA in Visual Studio 2008: screenshot 8

Step 5. Add the BotDetect CAPTCHA control to a page

  • Drag the newly added Captcha control from the Toolbox to the Default.aspx page

How To use BotDetect ASP.NET CAPTCHA in Visual Studio 2008: screenshot 9

How To use BotDetect ASP.NET CAPTCHA in Visual Studio 2008: screenshot 10

  • Save all files, then compile and run the project. You will see a CAPTCHA image rendered on your web form.

How To use BotDetect ASP.NET CAPTCHA in Visual Studio 2008: screenshot 11

Step 6. Add user input validation logic

  • Add a TextBox, a Button, and a Label server control to the page

How To use BotDetect ASP.NET CAPTCHA in Visual Studio 2008: screenshot 12

  • Rename the controls and set the page layout - the .aspx file fragment should look like:

    <div>
      <BotDetect:Captcha ID="SampleCaptcha" runat="server" />
    </div>
    <div>
      <asp:TextBox ID="CodeTextBox" runat="server"></asp:TextBox>
      <asp:Button ID="ValidateButton" runat="server Text="Validate" />
      <asp:Label ID="MessageLabel" runat="server"></asp:Label>
    </div>
  • Add the following code to the Page_Load handler in the page codebehind:

    protected void Page_Load(object sender, EventArgs e)
    {
      if (IsPostBack)
      {
        string code = CodeTextBox.Text.Trim().ToUpper();
    	
        if (SampleCaptcha.Validate(code))
        {
          MessageLabel.Text = "Correct";
        }
        else
        {
          MessageLabel.Text = "Incorrect";
        }
    
        CodeTextBox.Text = null;
      }
    }
  • Save all files, then compile and run the project. You can then try CAPTCHA validation in action

How To use BotDetect ASP.NET CAPTCHA in Visual Studio 2008: screenshot 13

  • On production web sites you will typically change the validation code to redirect the user to the resource requested if CAPTCHA validation succeeds

Sample BotDetect CAPTCHA project source code

You can find the full source code similar to the result you should get when following these instructions in the sample project coming with the BotDetect CAPTCHA installation.