How to check for numbers in a textbox, of which you only want letters A - Z

Question

I am using JavaScript on my website to check input elements within a form. I am trying to ensure that there are no numbers in the field when the user enters their name. The form is created using PHP. I am still in my first year of web design so not sure if there is a function for this. Apologies if this question has been asked, but I haven't found anything. Many Thanks

It's a modular course and doesn't always focus on web design, sounds crazy I know. — Andrew Stewart, May 14 '13 at 02:22

score 2 · Answer 1 · edited May 23 '17 at 12:03

2

You can use regular expressions or you can write a function to validate keycode.

Below is link that shows regex for alphabet with spaces. Regular Expression for alphabets with spaces

Keycode example. Put this on keypress of the textbox. This will not allow user to type characters other than alphabets. You can include other key codes for other characters you want to allow.

function onKeyPress(){
   if(event.keyCode<65 && event.keyCode>90)
     return false;
   else
     return true;
}

edited May 23 '17 at 12:03

Community

1
1

answered May 13 '13 at 23:54

Guanxi

3,103
21
38

`return (event.keyCode > 69 && event.keyCode < 90)` – Reactgular May 13 '13 at 23:57
Please don't do that. It is really annoying for users, far better to tell them what is valid, then let them get there however they want. You only care what the value is when the form is submitted, what it is before then is irrelevant. – RobG May 14 '13 at 00:29
depends on the situation ... everybody knows what to enter in their name. Anyway, this is just an example, I have provided just the options. – Guanxi May 14 '13 at 00:37
The biggest issue is that if someone accidentally types a certain wrong character, they will press delete, only to see that the character is already deleted (but only if it was not the allowed char code range) so now they've deleted two characters (sometimes). The other is that this doesn't address values that are pasted, or dragged into the textarea. It is not a good solution. – RobG May 14 '13 at 03:17
yes .. the situation you mentioned about draggin and pasting the text is not handeled by this. Thanks for mentioning. – Guanxi May 14 '13 at 12:56

Sushanth -- · Answer 2 · 2013-05-14T00:37:57.963

1

var patt=/[0-9]/,
    value = $('#input').val();

if(patt.test(value)) {
    // Contains a number between 0-9
}

edited May 14 '13 at 00:37

answered May 13 '13 at 23:57

Sushanth --

55,259
9
66
105

score 0 · Accepted Answer · answered May 14 '13 at 00:04

0

if you are targetting html5 browser you can use the pattern attribute

<input type="text"  pattern="^[a-zA-Z]*$" >

answered May 14 '13 at 00:04

Mehdi Karamosly

5,388
2
32
50

How to check for numbers in a textbox, of which you only want letters A - Z

3 Answers3