Saturday, 7 December 2013

Remember Me / Keep me Login - HTML,Jquery

<html>
<head> 

<script src="http://wcetdesigns.com/assets/javascript/jquery.js"></script>
<script src="http://wcetdesigns.com/assets/javascript/jquery/cookie-plugin.js"></script>
<script> 

function remember_me(){
   var c = $("#check"); //INPUT CHECKBOX

   //IF CHECKBOX IS SET, COOKIE WILL BE SET
   if(c.is(":checked")){
     var u = $("#username").val(); //VALUE OF USERNAME
     var p = $("#password").val(); //VALUE OF PASSWORD
     $.cookie("username", u, { expires: 3650 }); //SETS IN DAYS (10 YEARS)
     $.cookie("password", p, { expires: 3650 }); //SETS IN DAYS (10 YEARS)
   }
}
//NEXT PAGE LOAD, THE USERNAME & PASSWORD WILL BE SHOWN IN THEIR FIELDS
function load_em(){
   var u = $.cookie("username"); //"USERNAME" COOKIE
   var p = $.cookie("password"); //"PASSWORD" COOKIE

   $("#username").val(u); //FILLS WITH "USERNAME" COOKIE
   $("#password").val(p); //FILLS WITH "PASSWORD" COOKIE
}
</script>
</head>
<body onLoad="load_em()"> 

<input id="username"><br>
<input id="password" type="password"><br>
<input id="check" type="checkbox">
 Remember Me<br>
<input onClick="remember_me()" type="button" value="Demo"> 
</body>
</html>

2 comments:

KISS, DRY, SOLID, YAGNI — A Simple Guide to Some Principles of Software Engineering and Clean Code

1 — KISS (Keep It Simple, Stupid)  Simplicity triumphs over complexity. Direct and clear codes are better for developing, maintaining, and s...