JSFiddle - React, Tailwind, and code Playground

HTML

<form>
  Phone Number (format: xxxxxxxxxx):
  <input type="tel" pattern="\([0-9]{3}\)[0-9]{3}-[0-9]{4}$" required >
  
  <input type="submit" value="Submit">
</form>