JSFiddle - React, Tailwind, and code Playground

HTML

<form>
  <input type="text" name="natin" value="" pattern="[A-Z]{2}[0-9]{6}[A-Z]{2}" class="form-control" required>
  <input type="submit">
</form>