Developing a Mini ASP.NET AJAX Server Centric Based Chat Application - The Login Module
(Page 3 of 5 )
To identify each online user, he or she must log in first, and then enter the chat room to chat. In this case, we have merged the login and register functionalities into one module.
The Login.aspx page bears a strong similarity to most general login pages, except for the Ajax effect. Herein, three Ajax controls are utilized, i.e. ScriptManager, UpdatePanel, and UpdateProgress. Figure 6 illustrates the design-time snapshot of the Login.aspx page.
Figure 6-the design-time snapshot of page Login.aspx

Note here the "Login" button is put inside the UpdatePanel control to achieve the Ajax effect. Moreover, we've also defined an UpdateProgress control to gain more friendly interaction during the course of logging in.
Next, the ASP.NET built-in validate controls are used, all of which are located outside the UpdatePanel control. When you start this page and click the "login" button you will see a humanistic and illustrative animation appear at the upper right corner of the page until the populated data have been validated, as is shown in Figure 7.
Figure 7-using a UpdateProgress control related animation to gain better user experience

Author's Note: Some of the ASP.NET validation controls are not compatible with some of the controls shipped with the ASP.NET AJAX framework, so that you may run into problems when you put them together. To improve this situation, Microsoft has released another set of validater controls compatible with the ASP.NET AJAX framework, whose functionalities are almost the same as the ones built into ASP.NET. If you are interested in this, please refer to the ASP.NET AJAX official website.
Next: HTML Code >>
More ASP.NET Articles
More By Xianzhong Zhu