Part 6 Practical 2: Create a simple and interactive Login form using JQuery.

ScreenShots



Log-in form


Sign-up form



Implementation: Both forms display in one page using fadeIn and fadeOut method

of jquery.

sample code :

function show_signup(){
  $("#login_div").fadeOut('fast', function() {
    $("#register_div").fadeIn();
  });
}
function show_login(){
  $("#register_div").fadeOut('fast', function() {
    $("#login_div").fadeIn();
  });
}

Source code : https://drive.google.com/drive/u/0/folders/15g7tkM3EYzqUXnRnCwwhnwKUGjjcxL3N