JSFiddle - React, Tailwind, and code Playground

HTML

<form id="myform" >
  <input data-html="true"  type="password"  id="password" v-model="user.password" class="form-control"
 title="Must contain at least one number &#013;
 one uppercase letter &#013;one special &#013; character and at least 8 characters"  pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#\$%\^&\*]).{8,}" required>
    <input type="submit" />
</form>