JSFiddle - React, Tailwind, and code Playground

by vinishanto

HTML

<form>
<input type="tel" required pattern="^\s*(?:\+?(\d{1,3}))?[-. (]*(\d{3})[-. )]*(\d{3})[-. ]*(\d{4})(?: *x(\d+))?\s*$" oninvalid="this.setCustomValidity(' ')" oninput="this.setCustomValidity('')"/>
</form>