The JavaScript Source: Forms : Remember Me

Internet.commerce

Internet.com

IT
Developer
Internet News
Small Business
Personal Technology

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers

Great Sites

DocJavaScript.com
dhtml.com
The Freebie Directory
TheFreeSite.com

Browse Doc JS's Tips!

Promotions

Free Announcements

General

This script is for use in forms that require user input; e.g., blogs which require users to type their name and e-mail address in order to submit comments. Users will have the option of allowing their information to be remembered. The script uses cookies to store and output the information.

Notes

Created by: Sandeep Gangadharan
Web Site: http://www.sivamdesign.com/home/
Posted: May 7, 2007

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: rememberMe.js

/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Cookie script - Scott Andrew
Popup script, Copyright 2005, Sandeep Gangadharan */

function newCookie(name,value,days) {
 var days = 10;   // the number at the left reflects the number of days for the cookie to last
                 // modify it according to your needs
 if (days) {
   var date = new Date();
   date.setTime(date.getTime()+(days*24*60*60*1000));
   var expires = "; expires="+date.toGMTString(); }
   else var expires = "";
   document.cookie = name+"="+value+expires+"; path=/"; }

function readCookie(name) {
   var nameSG = name + "=";
   var nuller = '';
  if (document.cookie.indexOf(nameSG) == -1)
    return nuller;

   var ca = document.cookie.split(';');
  for(var i=0; i<ca.length; i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
  if (c.indexOf(nameSG) == 0) return c.substring(nameSG.length,c.length); }
    return null; }

function eraseCookie(name) {
  newCookie(name,"",1); }

function toMem(a) {
    newCookie('theName', document.form.name.value);     // add a new cookie as shown at left for every
    newCookie('theEmail', document.form.email.value);   // field you wish to have the script remember
}

function delMem(a) {
  eraseCookie('theName');   // make sure to add the eraseCookie function for every field
  eraseCookie('theEmail');

   document.form.name.value = '';   // add a line for every field
   document.form.email.value = ''; }


function remCookie() {
document.form.name.value = readCookie("theName");
document.form.email.value = readCookie("theEmail");
}

// Multiple onload function created by: Simon Willison
// http://simon.incutio.com/archive/2004/05/26/addLoadEvent
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
  remCookie();
});

Head

Paste this code into the HEAD section of your HTML document.


<script type="text/javascript" src="rememberMe.js"></script>

Body

Paste this code into the BODY section of your HTML document


<form name="form" action="" method="post" onsubmit="if (this.checker.checked) toMem(this)">
 <table border="0" cellpadding="0" cellspacing="3" align="center" width="460">
  <tr>
    <td width="170" align="right">
      Name:   
    </td>
    <td width="290">
     <input size="30" name="name" id="name">
    </td>

  </tr>
  <tr>
    <td width="170" align="right">
      E-mail:   
    </td>
    <td width="290">
     <input size="30" name="email" id="email">
    </td>
  </tr>
  <tr>
    <td width="170" align="right">
      Remember me?:   
    </td>
    <td width="290">
     <input type="checkbox" id="checker" name="checker">
    </td>
  </tr>
  <tr>
    <td colspan="2" align="center">
      <input type="submit" value="Submit"> 
      <input type="reset" value="Reset"> 
      <input type="button" onclick="delMem(this)" value="Delete Information">
    </td>
  </tr>
 </table>
</form>

User Comments

Add a comment, suggestion, or correction

Comments feed

Do you write JavaScripts?
If you do, why not submit them to us?
We'll give you credit and a link back to your Web site.

Navigation Menu

Internet.commerce

Internet.com

Developer Channel

Great Sites

Promotions

General

Notes

Source Code

External file

Head

Body

User Comments

5. From: Lori T
Syntax error Line 8
11/21/2008 17:38:51

3. From: Gavin Leeburn
Remeber me
04/30/2008 11:57:20

4. From: Lee (Admin)
06/26/2008 11:43:26

2. From: Frank Nguyen
06/15/2007 14:21:50

1. From: jackques k.
rembering checkboxes
05/26/2007 20:17:57

Whitepapers and eBooks

Webcasts

Downloads and eKits

Tutorials and Demos

Navigation Menu

Internet.commerce

Internet.com

Developer Channel

Great Sites

Promotions

General

Notes

Source Code

External file

Head

Body

User Comments

5. From: Lori TSyntax error Line 811/21/2008 17:38:51

3. From: Gavin LeeburnRemeber me04/30/2008 11:57:20

4. From: Lee (Admin)06/26/2008 11:43:26

2. From: Frank Nguyen06/15/2007 14:21:50

1. From: jackques k.rembering checkboxes05/26/2007 20:17:57

Whitepapers and eBooks

Webcasts

Downloads and eKits

Tutorials and Demos

5. From: Lori T
Syntax error Line 8
11/21/2008 17:38:51

3. From: Gavin Leeburn
Remeber me
04/30/2008 11:57:20

4. From: Lee (Admin)
06/26/2008 11:43:26

2. From: Frank Nguyen
06/15/2007 14:21:50

1. From: jackques k.
rembering checkboxes
05/26/2007 20:17:57