[How Do I:] Use the ASP.NET AJAX ValidatorCallout Extender?

Please install Silverlight or click download to watch video locally.

The standard ASP.NET validation controls work on both the server and the client. Server-side validation adds to the security of your Web application, while client-side validation adds to the user friendliness of your Web application. This video demonstrates how the ValidatorCallout control from the ASP.NET AJAX Control Toolkit extends the standard validation controls to enhance the user experience by neatly positioning validation messages in callout boxes.

Presented by Joe Stagner

Duration: 11 minutes, 6 seconds

Date: 21 June 2007

Watch    Video   |   Download    Video   |   VB Code    C# Code

Video downloads: WMV  |  Zune  |  iPod  |  PSP  |  MPEG-4  |  3GP

Audio downloads: AAC  |  WMA  |  MPEG-4  |  MPEG-3  |  MPEG-2

Comments : 32

Leave a Comment

mcgmatt : On April 14, 2008 2:42 PM said:

If these only deal with client-side code, should we be setting EnableViewState="false" or does it need viewstate to remember which validation control it's wired up to after a postback?

pmarangoni : On April 21, 2008 1:22 PM said:

The code download doesn't include the css or images.

kiran.koyelada : On April 23, 2008 2:00 AM said:

hi joe how to put validation callout in custom validation control (server side validation code)

jimdvorak : On May 26, 2008 6:54 PM said:

Is there a limitation on the use of this extender with regard to TextBoxes that have TextMode="password"? I can't get this extender to work with a password field.

jimdvorak : On May 26, 2008 7:03 PM said:

got it to work. nevermind.

Ciupaz : On June 12, 2008 6:38 AM said:

Hi all,

I have a problem with my ValidatorCalloutExtender.

When it renders on my browser (IE6) it's shadowed by a dropdownlist placed just to the right of it.

How can I solve this problem?

Thanks in advance.

Luigi

Ayomide : On June 13, 2008 11:17 AM said:

My ValidatorCalloutExtender font is lime green, how can I change it to black?

kcg_117 : On June 24, 2008 5:17 AM said:

Hi Joe,

Is it possible to set Custom Error message for Validator Callouts,I need to Use Validator Callout in our project, but our client need to have control on Error Messages.

Which might be that Error messages will be in the xml file ,can we set the error message to custom validator at runtime.

Regards,

KCG

aliali2007 : On June 27, 2008 11:46 AM said:

Hi to all,

I need to Use Validator Callout in our projectin php

but i have an error "Sys.WebForms.PageRequestManager is NULL or is not object"

please help me

aliali2007 : On June 27, 2008 11:58 AM said:

Hi to all,

I need to Use Validator Callout in our projectin php

but i have an error "_behaviors" is NULL or is not object"

please help me

dbmaster : On July 03, 2008 12:22 AM said:

Hi Joe,

Please help me out, I have use ValidatorCallOut,It works fine before, I added Ajaxtoolkit references in my ToolKit Controls, and Placed one NoBot control at my page It refreshes the references of AjaxToolKit I just let it go to get this done. After that My ValidatorCallOut dialog doesnt display. I remove AjaxToolKit references,Added again, I even downloaded AjaxToolKit for Framework 2.0 As I am developing application using Visual Studio 2005.

I have very short time to deliver something to my client.Yesterday I repaired the the complete Visual Studio 2005.

Don't know what to do, I dont wanna remove everything and do the refresh installation of Windows XP and then All other software Please help me out.

Joggee

Please write me If you dont mind: mr.joggee@gmail.com

dbmaster : On July 03, 2008 12:27 AM said:

For more clear Idea.

Following are the software using for the developement:

Visual Stuiod Profressional Edition 2005.

AjaxToolKit 1.0.11119.0

AjaxExtention for Framework 2.0

Joggee

mr.joggee@gmail.com

cv_vikram : On August 07, 2008 8:05 AM said:

Good tutorial..thanks

cv_vikram : On August 07, 2008 8:05 AM said:

Good tutorial..thanks

pnv.ravikiran : On August 13, 2008 2:26 AM said:

thanks for a good video

Sharonseri : On August 19, 2008 12:03 PM said:

Hi

Thanks for the video.

My language is reading from left to right,

and when i'm use the ValidatorCalloutExtender

the messagebox is pop up in the right side,

and separate to box and little triangle .

1. Can I rule the side of thr messabox ?

2. Do Ajax supporting Language from left to right(Hebrew)?

Thanks

Sharon

acroitoriu : On October 03, 2008 3:05 AM said:

nice video! Simple and clear ... I'll start using this in my project to me it look good :)

kurmudgeon : On October 08, 2008 7:00 PM said:

Excellent!  Plan on incorporating this into exisiting code immediately.

printmaker : On October 12, 2008 5:26 PM said:

Joe: now that I have updated the Ajax toolkit for 3.5 and the validator extender works kind of, however, clicking the submit button does not stop the sql insert command and enters null values. Will you e-mail me a solution at printmaker@aol.com.  Thank you. Greg

tsrtgs : On October 19, 2008 11:25 PM said:

Hello...,

First i add text to the NameTextBox.

And then click sumit button...appear ValidatorCalloutExtender for PhoneNumberTextBox.

So..I enter the phone no at PhoneNumberTextBox and aslo I clear the NameTextBox at the same time... And click the sumit button.

At that time, ValidatorCalloutExtender does not appear for NameTextBox.

I really want to know about it.

Thanks...

tsrtgs : On October 19, 2008 11:29 PM said:

Hello...,  PLEASE HELP ME.

First i add text to the NameTextBox.

And then click sumit button...appear ValidatorCalloutExtender for PhoneNumberTextBox.

So..I enter the phone no at PhoneNumberTextBox and aslo I clear the NameTextBox at the same time... And click the sumit button.

At that time, ValidatorCalloutExtender does not appear for NameTextBox.

I really want to know about it.

Thanks...

DavidCB : On December 12, 2008 5:15 PM said:

Hi, hope someone is still reading these forums.

My problem with the ValidatorCalloutExtender is that the validation callouts appear *behind* other controls on the page in the same location.  This is a page in VS2005 VB that I AJAXified after creation rather than creating it directly from the template.  The reason for that is that it was written and functioning before we got permission to use AJAX.

Now I can't get the callouts to appear without being blocked by textboxes and labels on the page.

I am validating entries inside a regular Panel (not an AJAX Update Panel) control, and I've tried everything I can with <DIV> tags and z-index style setting to try and resolve this issue.  Searching the web has shown a couple other people with this issue, and no workable solution for it yet.

All assistance is appreciated because the callouts are unusable as they are now.

Thanks!

drenuka : On December 26, 2008 11:16 AM said:

hope someone is still reading these forums.

My problem with the ValidatorCalloutExtender is that the validation callouts appear *behind* other controls on the page in the same location.  This is a page in VS2005 VB that I AJAXified after creation rather than creating it directly from the template.  The reason for that is that it was written and functioning before we got permission to use AJAX.

Now I can't get the callouts to appear without being blocked by textboxes and labels on the page.

I am validating entries inside a regular Panel (not an AJAX Update Panel) control, and I've tried everything I can with <DIV> tags and z-index style setting to try and resolve this issue.  Searching the web has shown a couple other people with this issue, and no workable solution for it yet.

All assistance is appreciated because the callouts are unusable as they are now.

piporras : On February 09, 2009 10:53 AM said:

gracias joe

is very easy !!!

rami_nassar : On February 10, 2009 11:31 PM said:

good look validator :)

airyce : On February 26, 2009 7:25 AM said:

Good Afternoon Sir Joe! .. Your video seems to neat and very nice.. I like it!.. but , I have one question...was this validator is effective for html object like &lt;textarea&gt;?, when I'm using it with an textarea it gives me this error &quot;An extender can't be in a different UpdatePanel than the control it extends.&quot; .. What mistake I made? please tell me Sir Joe Stagner..

anurag.goel82@gmail.com : On March 01, 2009 9:07 AM said:

help me please Sir Joe

i am using Validator Callout in my asp.net web application . it is working fine also but the problem is it always shows the message at right side . i want to change the message position to right side for some messages . it is very urgent and very important for me please help me out . waiting for your reply

d.a.webster : On March 09, 2009 7:18 PM said:

For those of you experiencing problems with the callouts only appearing on the first postback... set the SetFocusOnError="true" on each validator (not the callout extender).

MisterFantastic : On May 04, 2009 12:03 PM said:

Nice tutorial explaining the facts needed to develop with ControlToolkit

info@learnbartending.com : On June 01, 2009 10:21 PM said:

Joe, D.a.webster

the SetFocusOnError="true" works for when i have multiple validations on the control

*required field

*regular expressions a-z,0-9

first time i press submit with nothing, required field catches it, i enter something with an invalid character - the regular expression catches it, so far so good - i then give it everything it needs and submit and it successfully submits, now i want to add another one right away - and nothing fires it lets me submit a new entry within nothing or invalid characters - what do i need to do to prevent this?

thanks,

jeff

shashi.042 : On September 04, 2009 10:31 AM said:

Hi joe i am using validator callout in my website which is in two languages one in english and other in arabic... it works fine when i validate the controls in english but when i validate in th arabic which is positioned from right to left the validate callout extender dosenot display properly... wat is the solution for this

shashi.042 : On September 07, 2009 5:28 AM said:

Can any one help me out ?

i am using validator callout in my website which is in two languages one in english and other in arabic... it works fine when i validate the controls in english but when i validate in th arabic which is positioned from right to left the validate callout extender dosenot display properly... wat is the solution for this

Leave a Comment

You must be logged in to leave a comment. Click here to log in.

Microsoft Communities