formularz step by step ajax

Always simple registration page helps to increase more sign-ups. This post about magical and interesting registration page with jQuery and CSS. Use this and enrich your web project sign-up page.

HTML Code
 Contains Simple html code $(".buttons").click(function(){}- buttons is the class name of registration button. Using $(this).attr("id") calling registration button ID value. 


step 1


step2


step 3






Note : Validation not applied.

More Information:
 If you want to submit form values with out refreshing page take a look at following links.
Submit Form with out refreshing page with jQuery and Ajax
Comment system with jQuery, Ajax and PHP. 

CSS Code
#box1
{
 width:400px; 
 height:160px; 
 background-color:#80C8E5
 }
#box2
{
 display:none;
 width:400px; 
 height:160px; 
 background-color:#dedede
 }
#box3
{
 display:none;
 width:400px; 
 height:160px; 
 background-color:#F38BAD
 }
#step2
{
 display:none;
 }
#step3
{
 display:none;
 }