How to customize asp.net login control with JQuery?

Hi Readers,
Thank you for stopping by.Today i will show you how to customize asp.net login control with
jquery library.
Here are prerequisites:

-you need an editor like notepad ++ or visual studio 2005/2008/2010 page
-you jquery lib and ui lib at jquery.com( you need both jquery.js and jquery ui downloads).

At the end of this you should have something like this:



Here the steps:

Step1:
You need to reference jquery js file within the head section like this:



Pay attention because 11 files needed to referenced.Do not forget these two too

jquery.ui.all.css  and  demos.css.



Step2: let`s do javascript using jquery prototype.All the explanations are on the

image.

Step3 : asp form.
The first trick is you have to make sure that

tag is there if you want to use aspx not js.
The second trick is if you want to use js only make sure form tag is just after body not like on the image:




When you the html file you should see the login control ready to be used.I hope this trick helps.
To contact me please send me email at talley@inbox.com

Thanks
Talley