How To Submit A Form When Enter is Pressed but Don't Want a Visible Submit Button

Using an Invisible Submit Button

Tested in IE6/7, Opera 9, Firefox 3
HTML
<input type="submit" style="width:0px; height: 0px; border: none; padding: 0px; font-size: 0px;">


HTML
<input type="submit" style="width: 0px; height: 0px; position: absolute; left: -50px; top: -50px;">



Using Javascript


Code
document.onkeypress = processKey;

function processKey(e)
{
    if (null == e) e = window.event ;
    if (e.keyCode == 13) {
        // Do stuff
    }
}


Works in IE and FF because e.which (IE) and event.keyCode (FF) are both handled:

Code
if (document.layers) {

   document.captureEvents(event.KEYDOWN);

   // Set up an anonymous function
   document.onkeydown =
   function (e) { 
      // Get the keycode.
      var keyCode = e ? (e.which ? e.which : e.keyCode) : event.keyCode;

      // ENTER pressed.
      if (keyCode == 13) {
         document.form.submit();  // Or do other stuff.
      }
   }
}

The Captian
Today they call you "crazy". Tomorrow they call you "ahead of your time."
Global Skywatch Learn about Chemtrails - You're breathing them now!
OnlyTheBestHerbs.com World-class supplements
Mercury Talk Why you are sick.
OneUp Domains Domains, Hosting, Email
1-800-358-4278 (U.S. & Canada)