A Simple AJAX control in ASP.NET 2.0 and C#
In this article I will explain how you can easily create an AJAX enabled web site within Visual Studio 2005 utilizing C# and how to utilize the AJAX framework to add a simple control from the list of controls available in the AJAX Control Toolkit.
The AJAX control we will be working with in this article is the “PasswordStrength” control. As mentioned above this control is in the AJAX Control Toolkit we installed in the previous article of this series. We will also learn that the PasswordStrength control can easily secure passwords as they are being entered and notify the user real time as to what else they need to add to their password in order for it to meet your requirements.
In the previous article we learned the following about AJAX and what you can with it?
“ASP.NET AJAX is a free framework for quickly creating efficient and interactive Web applications that work across all popular browsers.”
We migrated our web sites to Server Intellect over one weekend and the setup was so smooth that we were up and running right away. They assisted us with everything we needed to do for all of our applications. With Server Intellect's help, we were able to avoid any headaches!
- Create interfaces with AJAX components that can be reused.
- Upgrade your existing pages with AJAX controls.
- AJAX comes with support for all modern browsers
- AJAX comes as part of Visual Studio 2008 and does not need to be downloaded and installed as in Visual Studio 2005.
What we will learn in this article:
- How to Create an AJAX enabled Web Site
- How to utilize the PasswordStrength control
AJAX functionality is integrated in ASP.NET 3.5 and does not require any additional downloads. If you are using ASP.NET 3.5 this article does not apply to you.
Getting Started with our AJAX Application
Before we begin coding we will need to download the AJAX framework and install it onto our system in order to have the framework available for us to create our first AJAX web project.
In our previous article titled “Getting Started with AJAX, ASP.NET 2.0 and C#“ we went through the steps involved to install AJAX and how to AJAX enable Visual Studio. We explained where to go to find out about AJAX and that you could download step by step tutorials that will guide you through using every control within the AJAX Control Toolkit.
Here is the AJAX web site for you to add to your bookmarks in your favorite browser:
Configure Visual Studio 2005
- The first step in our process is to create a new web site from the ASP.NET AJAX web site template by opening the "File" menu, and clicking "New Web Site...", and selecting the "ASP.NET AJAX-Enabled Web Site" under "Visual Studio Installed Templates".
We moved our web sites to Server Intellect and have found them to be incredibly professional. Their setup is very easy and we were up and running in no time.
[Click to see full-size]
- You will be presented with the following “Default.aspx.cs” generated file. You will notice that there is a reference to a control called ScriptManager and that there is a ScriptManager control on the form called “ScriptManager1”. This is a required control for the AJAX framework and when it is needed this control will always be generated and added to your form as you drop AJAX controls onto your form.
- The next step is to add the TextBox that we will be using for entering the password. This is also the “TargetControlID” of the PasswordStrength control. Meaning that we are extending the TextBox control with the PasswordStrength functionality.
- The next step is to add the label that will hold the help text as we are typing the password. This is a real time display and is constantly changing based on your keystrokes entered into the TextBox.
Need help with Windows Dedicated Hosting? Try Server Intellect. I'm a happy customer!
- The next step is to drop the PasswordStrength control onto your web page. We do that by adding the following entry into the Markup.
The properties in the above code example do not reflect the entire list of properties available for this control. These are the properties that we are using for this example to give you an insight on how to use this control.
I just signed up at Server Intellect and couldn't be more pleased with my Windows Server! Check it out and see for yourself.
Server Intellect offers Windows Hosting Dedicated Servers at affordable prices. I'm very pleased!
We have now covered all of the pertinent points of using the PasswordStrength control within the AJAX Control Toolkit. We are ready to run our example and see how the application works. The following screen shot will show what the application will look like.
What our example application will look like
What we have Learned
We have learned that we can easily create an AJAX enabled web site and that we can add AJAX controls to it very easily. In our example we added the PasswordStrength control and explained how we can now display easy to follow visual aids with our password controls.
I use this site frequently and so should you, go to www.asp.net. Their reference material was very helpful when it came to researching this article.