This is a migrated thread and some comments may be shown as answers.

Validation display location?

6 Answers 193 Views

Captcha

This is a migrated thread and some comments may be shown as answers.

6 Answers, 1 is accepted

answered on 27 May 2010, 11:05 AM

Hi,
I would like to know whether this issue has been resolved.
Currently I have a radcaptcha and I am settting CaptchaImage-RenderImageOnly to true. And I am providing ValidatedTextBoxID a value txt_CaptchaAnswer and I would like to display the error message next to the txt_CaptchaAnswer textbox.

Below is the code for captcha and textbox.
<telerik:RadCaptcha ID="rad_Captcha" runat="server" ValidationGroup="vgRegistration" EnableRefreshImage="true" CaptchaImage-RenderImageOnly="true" ValidatedTextBoxID="txt_CaptchaAnswer" ErrorMessage="Entered code is not correct">

<asp:TextBox ID="txt_CaptchaAnswer" runat="server" Width="135"></asp:TextBox>

At present the error message is getting displayed at the top of captcha. I would like to display the error message next to the textbox. Your help is highly appreciated.

Regards,
Pradeep.

answered on 01 Jun 2010, 01:11 PM

Hi Pradeep,

This can be easily achieved by placing a Label control right next to the validated TextBox, and set the text of the Label to the Captcha's ErrorMessage, as shown in the following project:
.aspx

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

</Scripts>

</asp:ScriptManager>

<div>

<telerik:RadCaptcha ID="RadCaptcha1" runat="server" Display="None" ErrorMessage="Please enter the code shown correctly."

ForeColor="Brown" ValidatedTextBoxID="txtCaptcha">

<CaptchaImage RenderImageOnly="true" />

</telerik:RadCaptcha>

<asp:TextBox ID="txtCaptcha" runat="server" MaxLength="5"></asp:TextBox>

<asp:Label ID="errorMessage" runat="server" EnableViewState="false"></asp:Label><br />

<asp:Button ID="Button1" runat="server" Text="Verify Code" OnClick="Button1_Click" />

</div>

</form>

</body>

</html>

.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class Captcha_Default_Captcha : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

errorMessage.Text = string.Empty;

}

protected void Button1_Click(object sender, EventArgs e)

{

if (!RadCaptcha1.IsValid)

{

errorMessage.ForeColor = RadCaptcha1.ForeColor;

errorMessage.Text = RadCaptcha1.ErrorMessage;

}

Best wishes,
Pero
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

answered on 11 Nov 2010, 02:26 PM

Hi All, I'd like to know if a solution to Serrin's original question has been implemented?

I too have set a ValidationGroup for my Capcha control, as required, but when a user enters an incorrect code, both the Capcha control and the ValidationSummary show the error. As my user is required to enter additional fields, I need to use the ValidationSummary (so all error messages are shown in the same place) and can't see any reason for the Capcha control to display the message aswell.

Can this be "turned off" or made switchable, so that either the Capcha control or ValidationSummary control display the message, or both, or neither!

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Validation display location?

6 Answers, 1 is accepted