How to restrict user to type 10 digit numbers in input element?

Question

I want to create a input field for phone number. I am creating input field using JavaScript dynamically.

<input type="text" id="phone" name="phone">

How to restrict users to type only 10 digit numbers in order to get a phone number.

Answer 1

try this

<input type="text" name="country_code" title="Error Message" pattern="[1-9]{1}[0-9]{9}"> 

This will ensure

1. It is numeric
2. It will be max of 10 chars
3. First digit is not zero

Answer 2

Use maxlength

<input type="text" maxlength="10" />