Limit allowed characters in a HTML input to a-z A-Z only.
For business requirements this needs to be done on KeyPress so that the character simply isnt allowed to even appear in the input.
Tab, enter, arrows, backspace, shift are all allowed. The user must be able to freely move in and out of the textbox, delete characters etc etc.
This is the starting point of my code...
var keyCode =(e.keyCode ? e.keyCode : e.which);
However every value that I get in keyCode doesnt correspond to any of the character charts I have seen on the web. For example the character "h" gives me a return code of 104.
Is KeyCode different to CharCode? Which code contains the control characters? Do I need to convert?
How can I restrict the input to a-z A-Z and allow the keys I need in JavaScript?
The only event from which you can reliably obtain character information (as opposed to key code information) is the keypress event.
In the keypress event, all browsers except IE which property. Most but not all of these browsers also store the character code in the charCode property.
In the keypress event, IE keyCode property.
This means to get the character code corresponding to the keypress, the following will work everywhere, assuming a keypress event object is stored in a variable called e:
var charCode =(typeof e.which =="number")? e.which : e.keyCode
This will generally return you a character code where one exists and 0 otherwise. There are a few cases where you'll get a non-zero value when you shouldn't:
In Opera Insert, Delete, Home and End
In recent versions of Konqueror for non-character keys.
The workaround for the first problem is a little involved and requires using the keydown event as well.
Actually, 104 is the ASCII code for lowercase 'h'. To get the ASCII code of the typed character onkeypress, you can just use e.which || e.keyCode, and you don't need to worry about held down keys because for typed text, keypress is auto-repeated in all browsers (according to the excellent http://unixpapa.com/js/key.html).
onKeyPress has different codes for upper and lower case letters. You'd probably find that turning on the cap-lock and then typing your letter would give you the code you expect
onKeyUp and onKeyDown have the same character codes for upper and lower-case letters. It'd recommend using onKeyUp because it's the closest to onKeyPress
回答5:
/* You won't get a keyCode on keypress for non-printing keys, why not capture them on keydown instead? */
xtrakeys['k'+integer]) defines special keycodes allowed
回答6:
Here is example markup:
The following logic can be used to trap for keyboard input (in this case, via a jQuery document ready wrapper).
It may read a little goofy, but basically, I check for everything I want to allow for (in your case, the letters A through Z case insensitive) and do nothing. In other words, the default action is allowed, but any input other than alpha is prevented.
Standard keyboard navigation, such as arrow keys, Home, End, Tab, Backspace, Delete and so forth are checked for and allowed.
NOTE: This code was originally written to satisfy user input permitting only alphanumeric values (A - Z, a - z, 0 - 9), and I left those lines intact as comments.
回答7:
I think keyCode returns the ASCII key value, Ascii-104 is h.
翻译