How to write the pattern attribute of an input telephone number in HTML?

Question

The question is as :

The Telephone input field type should be 'tel',
The placeholder text should be Pattern: 234-567-8910
The pattern to restrict the entry and it should be a mandatory (required) field
Pattern should be of the type [ Pattern: 234-567-8910].
Element name should be: telephone.

My code is

<input type="tel" name="telephone" id="telephone" required placeholder="Pattern: 234-567-8910" pattern="">

What to write in the attribute pattern ?

Does this answer your question? [How to validate phone numbers using regex](https://stackoverflow.com/questions/123559/how-to-validate-phone-numbers-using-regex) — Wiktor Stribiżew, Apr 17 '20 at 11:06

score 0 · Accepted Answer · answered Apr 17 '20 at 10:52

0

The pattern in an input would take a regular expression. Your requirement is to get a regex what would fit in the requirement [ Pattern: 234-567-8910].

The regex would be

 pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}"

answered Apr 17 '20 at 10:52

nXn

904
6
13

score 0 · Answer 2 · answered Aug 03 '23 at 14:53

0

For those of you do not understand, pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}", its like you are telling that the user can enter 3 digits from 0-9, than again 3 digits [0-9], than finally 4 digits between 0-9.

But the question is, why can't we write [0-9]{10}??

answered Aug 03 '23 at 14:53

Nishant Singh

1
1

You can write [0-9]{10}, but it depends upon tel-number pattern – Kinjal Aug 11 '23 at 09:00

How to write the pattern attribute of an input telephone number in HTML?

2 Answers2