Form validation using HTML5:
Validating phone numbers
As of writing this, this is one of the new input types that are not yet supported by any browsers. This means, that the browsers do not check for any patterns as with the url or email input. One of the reasons this input type have no pattern might be the fact that phonenumbers differs from country to country and therefore prevents the use of one standard pattern. This should not prevent you from using this input type as it makes your markup more semantically correct and future-proofs your website.
<form> Your phonenumber: <input type="tel" required /> <input type="submit" value="Submit now" /> </form>
One of the other great things about this input type is, that most smartphones changes the keyboard from the regular qwerty keyboard to a number pad – and this really improves the user experience!
This article has been fully translated into the following languages: Click here to help us translate this article into your language!