This demo illustrates the primary features of the ASPxCaptcha control.
The ASPxCaptcha is a CAPTCHA (Completely Automated Public Turing test to tell Computers and Humans Apart)
control used to verify that submitted data come from a human and not a robot or script. The ASPxCaptcha control can be,
for instance, used to effectively prevent comment spam on blogs, automated voting in online polls, automatic creation of user accounts.
The main functional elements of the ASPxCaptcha control are the Challenge Image, the Refresh Button and the Text Box.
The ASPxCaptcha control offers a flexible way to customize its appearance and layout by setting up these individual elements.
The Challenge Image is an automatically generated image representation of a random text.
It presents a challenge to an end-user, which can be easily solvable by a human, but difficult for a computer.
The Challenge Image's settings can be customized using the ChallengeImage property.
To define a set of characters from which a random text should be generated, use the control's CharacterSet property.
You can control the number of characters to be displayed within the Challenge Image by using the CodeLength property.
The ASPxCaptcha control's Refresh Button allows an end-user to change a challenge code displayed by the Challenge Image.
This might be helpful if the currently displayed code is not quite clear to the user and cannot be easily recognized.
To control the Refresh Button's content and appearance, use the RefreshButton and RefreshButtonStyle properties.
If the EnableCallbacks property is set to true, a click on the Refresh Button sends a callback to generate and display another challenge code.
To specify settings of a loading panel displayed during callbacks, use the LoadingPanel, LoadingPanelImage and LoadingPanelStyle
The Text Box element of the ASPxCaptcha control allows end-users to input text recognized from the Challenge Image.
Entering the correctly recognized text proves a human interaction, when the submitted page is processed on the server.
To customize the content and layout of the Text Box element, use the TextBox property.
The element's appearance can be defined using properties available via the TextBoxStyle property.
The text box element has a built-in validation mechanism whose behavior can be customized using the settings accessed via the ValidationSettings property. Its SetFocusOnError setting controls whether input focus can be forcibly moved back to the text box element if an input value is invalid.