html input pattern to accept only numbers from 4-10 and the char M

Question

The title says it all.

How can I make an input accept only numbers from 4-10 and the letter M and nothing else?

Thank you

Oriol · Accepted Answer · 2015-02-01T18:49:13.230

4

You can use HTML5 validation. The pattern attribute lets you specify a regular expression the value of the input must match:

<input pattern="[4-9]|10|M"
       title="Enter a number between ‘4’ and ‘10’, or the character ‘M’" 
/>

edited Feb 01 '15 at 18:49

answered Feb 01 '15 at 18:24

Oriol

274,082
63
437
513

Is pattern case insensitive by default? – h7r Feb 01 '15 at 18:39
@h7r No, it should be case sensitive. Didn't think about that, probably I should have used `M` or `m|M`. – Oriol Feb 01 '15 at 18:40
2

Then the input should be `` – h7r Feb 01 '15 at 18:41

score 1 · Answer 2 · edited May 23 '17 at 11:46

1

Question already answered, follow the link, the answer there has HTML 5, JavaScript, JQuery, and more solutions. But as the answer states, don't forget to do a server side solution, because the JavaScript might be trespassed or deactivated, and the HTML5 might not work in old browsers. Don't trust user input, re-verify in server side. HTML Text Input allow only Numeric input

edited May 23 '17 at 11:46

Community

1
1

answered Mar 23 '15 at 12:56

Salim Mahboubi

561
7
25

html input pattern to accept only numbers from 4-10 and the char M

2 Answers2