How to Add Captcha to your ASP.NET WebForms Project in 5 Minutes

Spamming is one of the issues we all are trying to deal with. One of the major ways of spamming is to submit forms automatically on your website. Captcha is one of the ways that deals with automated form submission by displaying random image to a user and asking the user to fill in the letters/numbers as seen in the image. Today, we will show how you can add Captcha to any of your forms in ASP.NET web forms within 5 minutes.

To achieve this, we have to follow the following steps:

• If you want captcha to add to your existing project, you don’t need to do the next 2 steps mentioned below.
• Create a new Visual Studio project.
• Add some input controls on the page for submission.
• Add a Nuget Package named “BotDetect” to our project. To do this, you can follow the steps given below:
  • Right click on “References” on your project in the Solution Explorer
  • Click on “Manage Nuget Packages”
  • Search for BotDetect and install the one that is created by Captcha, Inc. Below is a screenshot for reference.

    <img alt="nuget" class="aligncenter size-full wp-image-1075" src="773785/nuget.png" style="width: 600px; height: 400px;" />

• In your ASPX page, where you need to display the captcha, write the below 2 lines of code:

  <asp:textbox ID="txtCaptcha" runat="server"></asp:textbox>
  <botdetect:captcha ID="captchaBox" runat="server"></botdetect:captcha>
  

• In your ASPX.cs page, validate your captcha code with the code below before processing the submission.

  bool isHuman = captchaBox.Validate(txtCaptcha.Text);
  txtCaptcha.Text = null;
  if (!isHuman)
  {
      //The Captcha entered by user is Invalid.
  }
  else
  {
      //The Captcha entered by user is Valid.
  }
  

• You’re done.

You can see the output of the above captcha below:

<img alt="captcha-live" class="aligncenter size-full wp-image-1079" src="773785/captcha-live.png" style="width: 404px; height: 423px;" />

Hope you like this! Keep learning and sharing! Cheers!