javascript - form with input attributes 'required' and 'pattern' doesn't work

Question

Hi i have this code with HTML5:

<form id="pay" method="GET" class="row g-3" style="display:none;" type="hidden">
  <strong>Date</strong></a><br>
  <div class="col-md-10">
    <label for="name_users_card" class="form-label">user card</label>
    <input type="text" class="form-control" id="name_users_card"
           pattern="^[A-Za-zèòàs]$"
           minlength="3"
           maxlength="20"
           placeholder="titolare carta"
           title="take a valid name" required/>
  </div>
</form>

When I try to run the code, the required control is not working. Why?

Answer 1

don't actually understand the problem but you have an incomplete <a> tag and you made your form hidden by setting display:none;