How to prevent user from entering special characters in text box when length is 0?
The letter and digit ranges are (inclusive):
- 97 - 122 (a-z)
- 65 - 90 (A-Z)
- 48 - 57 (0-9)
This is what you compare e.which
against.
if (e.which < 48 ||
(e.which > 57 && e.which < 65) ||
(e.which > 90 && e.which < 97) ||
e.which > 122) {
e.preventDefault();
}
Or, using inverse logic:
var valid = (e.which >= 48 && e.which <= 57) || (e.which >= 65 && e.which <= 90) || (e.which >= 97 && e.which <= 122);
if (!valid) {
e.preventDefault();
}
Update
Even so, you may still wish to validate the field contents as a whole using a regular expression:
if (/^[A-Z0-9]+$/i.test(value)) {
// it looks okay now
}
Or fix the field by replacing the bad stuff:
var stripped = value.replace(/[^A-Z0-9]+/i, '');
This is what you are looking for:
$('#DivisionName').bind('keypress', function(e) {
if($('#DivisionName').val().length == 0){
var k = e.which;
var ok = k >= 65 && k <= 90 || // A-Z
k >= 97 && k <= 122 || // a-z
k >= 48 && k <= 57; // 0-9
if (!ok){
e.preventDefault();
}
}
});
or see here: http://jsfiddle.net/D4dcg/