Page 1 of 1

html text input field disable space character

Posted: Wed Sep 22, 2010 12:42 pm
by me666
Hi all, i have a login page using email and password combinations. What i want is that if u press the space bar or paste a space into the text field it is deleted/disallowed. I think this is possible using javascript but ive not used much javascript in the past. Any ideas would be great.
thanks guys :D

Re: html text input field disable space character

Posted: Sat Sep 25, 2010 8:32 am
by kaszu

Code: Select all

<input type="text" name="name" id="inp" value="" />

Code: Select all

document.getElementById('inp').onkeydown = function (event) {
  var event = event || window.event;  // get event object
  var key = event.keyCode || event.which; // get key cross-browser
  
  if (key == 32) { //Space bar key code
    //Prevent default action, which is inserting space
    if (event.preventDefault) event.preventDefault(); //normal browsers
    event.returnValue = false; //IE
  }
};
Test: http://jsbin.com/iduxu3/edit

Re: html text input field disable space character

Posted: Sun Sep 26, 2010 7:56 am
by me666
thanks mate, works a treat :D